From d2f5d40c0dc3be8e162bf2ab181aa0ce933c1883 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mateusz=20Zag=C3=B3rski?= Date: Thu, 10 Mar 2022 16:34:16 +0100 Subject: [PATCH] Added sample test files. --- sample/ckeditor.js | 54 ++++++++++++++++++++++++++++++++++++++++++++++ sample/index.html | 22 +++++++++++++++++++ 2 files changed, 76 insertions(+) create mode 100644 sample/ckeditor.js create mode 100644 sample/index.html diff --git a/sample/ckeditor.js b/sample/ckeditor.js new file mode 100644 index 000000000..b1e7e59bb --- /dev/null +++ b/sample/ckeditor.js @@ -0,0 +1,54 @@ +/** + * @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 from '@ckeditor/ckeditor5-editor-classic/src/classiceditor'; +import Typing from '@ckeditor/ckeditor5-typing/src/typing'; +import Paragraph from '@ckeditor/ckeditor5-paragraph/src/paragraph'; +import Undo from '@ckeditor/ckeditor5-undo/src/undo'; +import Enter from '@ckeditor/ckeditor5-enter/src/enter'; +import Clipboard from '@ckeditor/ckeditor5-clipboard/src/clipboard'; +import Link from '@ckeditor/ckeditor5-link/src/link'; +import Bold from '@ckeditor/ckeditor5-basic-styles/src/bold'; +import Italic from '@ckeditor/ckeditor5-basic-styles/src/italic'; +import CKEditorInspector from '@ckeditor/ckeditor5-inspector'; + +import CodeBlock from '@ckeditor/ckeditor5-code-block/src/codeblock'; +import Mermaid from '../src/mermaid'; + +ClassicEditor + .create( document.querySelector( '#editor' ), { + plugins: [ + 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; + CKEditorInspector.attach( editor ); + window.console.log( 'CKEditor 5 is ready.', editor ); + } ) + .catch( err => { + console.error( err.stack ); + } ); diff --git a/sample/index.html b/sample/index.html new file mode 100644 index 000000000..e48cbba5c --- /dev/null +++ b/sample/index.html @@ -0,0 +1,22 @@ + + + + + CKEditor 5 Mermaid widget – Development Sample + + + + +

CKEditor 5 Mermaid widget – Development Sample

+ +
+
+ + + +