tip tap and trix

front/js/svelte/records/elements/RichEditor.svelte

@@ -2,6 +2,8 @@
     import Tinymce from "../../libs/Tinymce.svelte";
     import RichEditorFiles from "./RichEditorFiles.svelte";
     import {getErrorMessage} from "./errorMessage";
+    import TipTap from "../../libs/TipTap.svelte";
+    import Trix from "../../libs/Trix.svelte";
 
     export let value;
     export let field;
@@ -24,8 +26,9 @@
 
 <div class="mb-0">
 
-
-    <Tinymce  bind:this={editor} bind:value {additionalConfig}/>
+    <Trix  bind:this={editor} bind:value></Trix>
+<!--    <Tinymce  bind:this={editor} bind:value {additionalConfig}/>-->
+<!--    <TipTap bind:value   bind:this={editor}  />-->
     {#if field.collections.length > 0}
         <RichEditorFiles
                 bind:graph
@@ -38,7 +41,7 @@
 
         </RichEditorFiles>
     {/if}
-    <!--    <TipTap bind:value />-->
+
 
     {#if errorMessage}
         <div class="invalid-feedback d-block">

front/js/svelte/records/previews/PreviewFile.svelte

@@ -4,7 +4,7 @@
     import {createEventDispatcher, getContext} from "svelte";
     import Preview from "../../files/Preview.svelte";
     import {previewTitle} from "./../Preview";
-    import {htmlurl} from "../../files/imageserver.js"
+    import {fileurl, htmlurl} from "../../files/imageserver.js"
     import Status from "./../Status.svelte";
     import Dropdown from "../../common/Dropdown.svelte";
 
@@ -25,8 +25,13 @@
 
     function insert(e, preset) {
         e.preventDefault();
-        let html = htmlurl(channel,record, preset)
-        dispatch("editor-insert", html);
+        let html = htmlurl(channel, record, preset)
+        dispatch("editor-insert", {
+            html: html,
+            url:  channel.filesUrl + `/templates/${preset}/${record._file.path}`,
+            originalUrl:  channel.filesUrl + "/" + record._file.path,
+            record: record
+        });
     }
 
 </script>