HTML: Aligned and standardised DOMDocument usage

[bookstack] / resources / js / code / index.mjs

diff --git a/resources/js/code/index.mjs b/resources/js/code/index.mjs
index e51472dc4ce740f0bad2304db6d4e1fd0d5604d8..ada4529db5454fa448e4263a9665a470272a4c03 100644 (file)
--- a/resources/js/code/index.mjs
+++ b/resources/js/code/index.mjs
@@ -55,7 +55,7 @@ function highlightElem(elem) {
     const wrapper = document.createElement('div');
     elem.parentNode.insertBefore(wrapper, elem);
 
     const wrapper = document.createElement('div');
     elem.parentNode.insertBefore(wrapper, elem);
 

-    const ev = createView({
+    const ev = createView('content-code-block', {

         parent: wrapper,
         doc: content,
         extensions: viewerExtensions(wrapper),
         parent: wrapper,
         doc: content,
         extensions: viewerExtensions(wrapper),


@@ -99,7 +99,7 @@ export function highlight() {
  * @returns {SimpleEditorInterface}
  */
 export function wysiwygView(cmContainer, shadowRoot, content, language) {
  * @returns {SimpleEditorInterface}
  */
 export function wysiwygView(cmContainer, shadowRoot, content, language) {

-    const ev = createView({
+    const ev = createView('content-code-block', {

         parent: cmContainer,
         doc: content,
         extensions: viewerExtensions(cmContainer),
         parent: cmContainer,
         doc: content,
         extensions: viewerExtensions(cmContainer),


@@ -125,16 +125,11 @@ export function popupEditor(elem, modeSuggestion) {
         doc: content,
         extensions: [
             ...editorExtensions(elem.parentElement),
         doc: content,
         extensions: [
             ...editorExtensions(elem.parentElement),

-            EditorView.updateListener.of(v => {
-                if (v.docChanged) {
-                    // textArea.value = v.state.doc.toString();
-                }
-            }),

         ],
     };
 
     // Create editor, hide original input
         ],
     };
 
     // Create editor, hide original input

-    const editor = new SimpleEditorInterface(createView(config));
+    const editor = new SimpleEditorInterface(createView('code-editor', config));

     editor.setMode(modeSuggestion, content);
     elem.style.display = 'none';
 
     editor.setMode(modeSuggestion, content);
     elem.style.display = 'none';
 


@@ -163,7 +158,7 @@ export function inlineEditor(textArea, mode) {
     };
 
     // Create editor view, hide original input
     };
 
     // Create editor view, hide original input

-    const ev = createView(config);
+    const ev = createView('code-input', config);

     const editor = new SimpleEditorInterface(ev);
     editor.setMode(mode, content);
     textArea.style.display = 'none';
     const editor = new SimpleEditorInterface(ev);
     editor.setMode(mode, content);
     textArea.style.display = 'none';


@@ -198,7 +193,7 @@ export function markdownEditor(elem, onChange, domEventHandlers, keyBindings) {
     window.$events.emitPublic(elem, 'editor-markdown-cm6::pre-init', {editorViewConfig: config});
 
     // Create editor view, hide original input
     window.$events.emitPublic(elem, 'editor-markdown-cm6::pre-init', {editorViewConfig: config});
 
     // Create editor view, hide original input

-    const ev = createView(config);
+    const ev = createView('markdown-editor', config);

     (new SimpleEditorInterface(ev)).setMode('markdown', '');
     elem.style.display = 'none';
 
     (new SimpleEditorInterface(ev)).setMode('markdown', '');
     elem.style.display = 'none';