Lexical: Added view/edit source code button/form/action

[bookstack] / resources / js / wysiwyg / ui / defaults / form-definitions.ts

diff --git a/resources/js/wysiwyg/ui/defaults/form-definitions.ts b/resources/js/wysiwyg/ui/defaults/form-definitions.ts
index 13e7a9c9fc68125fc914121fc1f3a535871f55f6..04147a4f0577f34767b961a13185755a94903bf3 100644 (file)
--- a/resources/js/wysiwyg/ui/defaults/form-definitions.ts
+++ b/resources/js/wysiwyg/ui/defaults/form-definitions.ts
@@ -3,6 +3,7 @@ import {EditorUiContext} from "../framework/core";
 import {$createLinkNode} from "@lexical/link";
 import {$createTextNode, $getSelection} from "lexical";
 import {$createImageNode} from "../../nodes/image";
+import {setEditorContentFromHtml} from "../../actions";
 
 
 export const link: EditorFormDefinition = {
@@ -86,4 +87,19 @@ export const image: EditorFormDefinition = {
             type: 'text',
         },
     ],
+};
+
+export const source: EditorFormDefinition = {
+    submitText: 'Save',
+    action(formData, context: EditorUiContext) {
+        setEditorContentFromHtml(context.editor, formData.get('source')?.toString() || '');
+        return true;
+    },
+    fields: [
+        {
+            label: 'Source',
+            name: 'source',
+            type: 'textarea',
+        },
+    ],
 };
\ No newline at end of file