mirror of
https://github.com/zadam/trilium.git
synced 2025-10-31 19:49:01 +01:00
60 lines
1.4 KiB
TypeScript
60 lines
1.4 KiB
TypeScript
/**
|
|
* @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
|
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
*/
|
|
|
|
/* globals console, window, document */
|
|
|
|
import { ClassicEditor, Typing, Paragraph, Undo, Enter, Clipboard, Link, Bold, Italic, Markdown, CodeBlock } from 'ckeditor5';
|
|
|
|
import Mermaid from '../../src/mermaid.js';
|
|
|
|
ClassicEditor
|
|
.create( document.querySelector( '#editor' ), {
|
|
licenseKey: "GPL",
|
|
plugins: [
|
|
Markdown,
|
|
Typing,
|
|
Paragraph,
|
|
Undo,
|
|
Enter,
|
|
Clipboard,
|
|
Link,
|
|
Bold,
|
|
Italic,
|
|
CodeBlock,
|
|
Mermaid
|
|
],
|
|
toolbar: [ 'bold', 'italic', 'link', 'undo', 'redo', 'codeBlock', 'mermaid' ],
|
|
codeBlock: {
|
|
languages: [
|
|
{ language: 'plaintext', label: 'Plain text', class: '' },
|
|
{ language: 'javascript', label: 'JavaScript' },
|
|
{ language: 'python', label: 'Python' },
|
|
{ language: 'mermaid', label: 'Mermaid' }
|
|
]
|
|
}
|
|
|
|
} )
|
|
.then( editor => {
|
|
window.editor = editor;
|
|
|
|
setupMarkdownOutputPreview( editor );
|
|
} )
|
|
.catch( err => {
|
|
console.error( err.stack );
|
|
} );
|
|
|
|
function setupMarkdownOutputPreview( editor ) {
|
|
const outputElement = document.querySelector( '#markdown-output' );
|
|
|
|
editor.model.document.on( 'change', () => {
|
|
outputElement.innerText = editor.getData();
|
|
} );
|
|
|
|
// Set the initial data with delay so hightlight.js doesn't catch them.
|
|
window.setTimeout( () => {
|
|
outputElement.innerText = editor.getData();
|
|
}, 500 );
|
|
}
|