[#370] added rich text editor field

2023-01-17 13:31:48 +02:00
parent 6d08a5f36f
commit 2a4b3315c6
206 changed files with 17945 additions and 520 deletions
@@ -0,0 +1,22 @@
+<script>
+    import { SchemaField } from "pocketbase";
+    import CommonHelper from "@/utils/CommonHelper";
+    import Field from "@/components/base/Field.svelte";
+    import TinyMCE from "@tinymce/tinymce-svelte";
+
+    export let field = new SchemaField();
+    export let value = undefined;
+</script>
+
+<Field class="form-field {field.required ? 'required' : ''}" name={field.name} let:uniqueId>
+    <label for={uniqueId}>
+        <i class={CommonHelper.getFieldTypeIcon(field.type)} />
+        <span class="txt">{field.name}</span>
+    </label>
+    <TinyMCE
+        id={uniqueId}
+        scriptSrc="{import.meta.env.BASE_URL}libs/tinymce/tinymce.min.js"
+        conf={CommonHelper.defaultEditorOptions()}
+        bind:value
+    />
+</Field>