rich editor files

front/js/svelte/files/Preview.svelte

@@ -40,7 +40,7 @@
             >
                 <img
                         class="rounded w-100"
-                        src={imgurl(record)}
+                        src={imgurl(channel,record)}
                         alt={record._file.path}
                 />
             </a>

front/js/svelte/files/imageserver.js

@@ -1,15 +1,33 @@
-import {getContext} from "svelte";
 
-export function imgurl(record) {
+export function imgurl(channel,record) {
 
-    if(record._file.mime === "image/svg+xml"){
-        return fileurl(record);
+    if (record._file.mime === "image/svg+xml") {
+        return fileurl(channel, record);
     }
-    const channel = getContext("channel")
     return channel.filesUrl + `/thumbs/${record._file.path}`;
 }
 
-export function fileurl(record) {
-    const channel = getContext("channel")
+export function fileurl(channel, record) {
     return channel.filesUrl + `/${record._file.path}`;
 }
+
+export function htmlurl(channel,record, preset) {
+
+    let html = "";
+    let url = fileurl(channel,record)
+
+    if (record._file.width > 0) {
+        let presetUrl = url;
+        if (preset) {
+            presetUrl = channel.filesUrl + `/templates/${preset}/${record._file.path}`;
+        }
+
+        html = `<img src="${presetUrl}" alt="${record._file.path}" />`
+    } else if (record._file.mime === "image/svg+xml") {
+        html = `<img src="${url}" alt="${record._file.path}"/>`
+    } else {
+        html = `<a href="${url}">${record._file.originalName}</a>`
+    }
+
+    return html;
+}