BookStack Code Mirror - bookstack/blob - resources/js/editor.js

   1 import MarkdownView from "./editor/MarkdownView";
   2 import ProseMirrorView from "./editor/ProseMirrorView";
   3
   4 // Next step: https://prosemirror.net/examples/menu/
   5
   6 const place = document.querySelector("#editor");
   7 let view = new ProseMirrorView(place, document.getElementById('content').innerHTML);
   8
   9 const markdownToggle = document.getElementById('markdown-toggle');
  10 markdownToggle.addEventListener('change', event => {
  11     const View = markdownToggle.checked ? MarkdownView : ProseMirrorView;
  12     if (view instanceof View) return
  13     const content = view.content
  14     console.log(content);
  15     view.destroy()
  16     view = new View(place, content)
  17     view.focus()
  18 });