github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-06-10 21:53:34 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Got markdown editor barely functional

Browse Source 
Updated content sync and preview scoll sync to work.
Many features commented out until they can be updated.
This commit is contained in:
Dan Brown
2023-04-10 15:01:44 +01:00
parent dce5123452
commit 572037ef1f
7 changed files with 121 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
resources/js/code/index.mjs
View File

@ -2,7 +2,7 @@ import {EditorView} from "@codemirror/view"
import Clipboard from "clipboard/dist/clipboard.min";
// Modes
import {viewer} from "./setups.js";
import {viewer, editor} from "./setups.js";
import {createView, updateViewLanguage} from "./views.js";
/**
@ -180,25 +180,31 @@ export function updateLayout(cmInstance) {
/**
* Get a CodeMirror instance to use for the markdown editor.
* @param {HTMLElement} elem
* @param {function} onChange
* @param {object} domEventHandlers
* @returns {*}
*/
export function markdownEditor(elem) {
export function markdownEditor(elem, onChange, domEventHandlers) {
const content = elem.textContent;
const config = {
value: content,
mode: "markdown",
lineNumbers: true,
lineWrapping: true,
theme: getTheme(),
scrollPastEnd: true,
};
window.$events.emitPublic(elem, 'editor-markdown-cm::pre-init', {config});
// TODO - Change to pass something else that's useful, probably extension array?
// window.$events.emitPublic(elem, 'editor-markdown-cm::pre-init', {config});
return CodeMirror(function (elt) {
elem.parentNode.insertBefore(elt, elem);
elem.style.display = 'none';
}, config);
const ev = createView({
parent: elem.parentNode,
doc: content,
extensions: [
...editor('markdown'),
EditorView.updateListener.of((v) => {
onChange(v);
}),
EditorView.domEventHandlers(domEventHandlers),
],
});
elem.style.display = 'none';
return ev;
}
/**
@ -206,6 +212,7 @@ export function markdownEditor(elem) {
* @returns {string}
*/
export function getMetaKey() {
let mac = CodeMirror.keyMap["default"] == CodeMirror.keyMap.macDefault;
// TODO - Redo, Is needed? No CodeMirror instance to use.
const mac = CodeMirror.keyMap["default"] == CodeMirror.keyMap.macDefault;
return mac ? "Cmd" : "Ctrl";
}