[#370] added rich text editor field

ui/src/components/collections/FieldAccordion.svelte

@@ -14,6 +14,7 @@
     import BoolOptions from "@/components/collections/schema/BoolOptions.svelte";
     import EmailOptions from "@/components/collections/schema/EmailOptions.svelte";
     import UrlOptions from "@/components/collections/schema/UrlOptions.svelte";
+    import EditorOptions from "@/components/collections/schema/EditorOptions.svelte";
     import DateOptions from "@/components/collections/schema/DateOptions.svelte";
     import SelectOptions from "@/components/collections/schema/SelectOptions.svelte";
     import JsonOptions from "@/components/collections/schema/JsonOptions.svelte";
@@ -262,6 +263,8 @@
                     <EmailOptions {key} bind:options={field.options} />
                 {:else if field.type === "url"}
                     <UrlOptions {key} bind:options={field.options} />
+                {:else if field.type === "editor"}
+                    <EditorOptions {key} bind:options={field.options} />
                 {:else if field.type === "date"}
                     <DateOptions {key} bind:options={field.options} />
                 {:else if field.type === "select"}

ui/src/components/collections/schema/EditorOptions.svelte

@@ -0,0 +1,6 @@
+<script>
+    // svelte-ignore unused-export-let
+    export let key = "";
+    // svelte-ignore unused-export-let
+    export let options = {};
+</script>

ui/src/components/collections/schema/FieldTypeSelect.svelte

@@ -9,10 +9,15 @@
 
     const types = [
         {
-            label: "Text",
+            label: "Plain text",
             value: "text",
             icon: CommonHelper.getFieldTypeIcon("text"),
         },
+        {
+            label: "Rich editor",
+            value: "editor",
+            icon: CommonHelper.getFieldTypeIcon("editor"),
+        },
         {
             label: "Number",
             value: "number",
@@ -43,11 +48,6 @@
             value: "select",
             icon: CommonHelper.getFieldTypeIcon("select"),
         },
-        {
-            label: "JSON",
-            value: "json",
-            icon: CommonHelper.getFieldTypeIcon("json"),
-        },
         {
             label: "File",
             value: "file",
@@ -58,12 +58,12 @@
             value: "relation",
             icon: CommonHelper.getFieldTypeIcon("relation"),
         },
+        {
+            label: "JSON",
+            value: "json",
+            icon: CommonHelper.getFieldTypeIcon("json"),
+        },
     ];
 </script>
 
-<ObjectSelect
-    class="field-type-select {classes}"
-    items={types}
-    bind:keyOfSelected={value}
-    {...$$restProps}
-/>
+<ObjectSelect class="field-type-select {classes}" items={types} bind:keyOfSelected={value} {...$$restProps} />