75 lines
2.4 KiB
JavaScript
75 lines
2.4 KiB
JavaScript
import {provideKeyBindings} from './shortcuts';
|
|
import {debounce} from '../services/util';
|
|
import {Clipboard} from '../services/clipboard';
|
|
|
|
/**
|
|
* Initiate the codemirror instance for the markdown editor.
|
|
* @param {MarkdownEditor} editor
|
|
* @returns {Promise<void>}
|
|
*/
|
|
export async function init(editor) {
|
|
const Code = await window.importVersioned('code');
|
|
|
|
/**
|
|
* @param {ViewUpdate} v
|
|
*/
|
|
function onViewUpdate(v) {
|
|
if (v.docChanged) {
|
|
editor.actions.updateAndRender();
|
|
}
|
|
}
|
|
|
|
const onScrollDebounced = debounce(editor.actions.syncDisplayPosition.bind(editor.actions), 100, false);
|
|
let syncActive = editor.settings.get('scrollSync');
|
|
editor.settings.onChange('scrollSync', val => {
|
|
syncActive = val;
|
|
});
|
|
|
|
const domEventHandlers = {
|
|
// Handle scroll to sync display view
|
|
scroll: event => syncActive && onScrollDebounced(event),
|
|
// Handle image & content drag n drop
|
|
drop: event => {
|
|
const templateId = event.dataTransfer.getData('bookstack/template');
|
|
if (templateId) {
|
|
event.preventDefault();
|
|
editor.actions.insertTemplate(templateId, event.pageX, event.pageY);
|
|
}
|
|
|
|
const clipboard = new Clipboard(event.dataTransfer);
|
|
const clipboardImages = clipboard.getImages();
|
|
if (clipboardImages.length > 0) {
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
editor.actions.insertClipboardImages(clipboardImages, event.pageX, event.pageY);
|
|
}
|
|
},
|
|
// Handle image paste
|
|
paste: event => {
|
|
const clipboard = new Clipboard(event.clipboardData || event.dataTransfer);
|
|
|
|
// Don't handle the event ourselves if no items exist of contains table-looking data
|
|
if (!clipboard.hasItems() || clipboard.containsTabularData()) {
|
|
return;
|
|
}
|
|
|
|
const images = clipboard.getImages();
|
|
for (const image of images) {
|
|
editor.actions.uploadImage(image);
|
|
}
|
|
},
|
|
};
|
|
|
|
const cm = Code.markdownEditor(
|
|
editor.config.inputEl,
|
|
onViewUpdate,
|
|
domEventHandlers,
|
|
provideKeyBindings(editor),
|
|
);
|
|
|
|
// Add editor view to window for easy access/debugging.
|
|
// Not part of official API/Docs
|
|
window.mdEditorView = cm;
|
|
|
|
return cm;
|
|
}
|