Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-27 10:02:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(ckeditor5-mermaid): solve some runtime errors

Browse Source
This commit is contained in:
Elian Doran 2025-05-04 17:32:33 +03:00
parent cdb62f4376
commit 58382913a1
No known key found for this signature in database
3 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/ckeditor5-mermaid/src/mermaidediting.ts
View File

@ -8,7 +8,7 @@ import MermaidPreviewCommand from './commands/mermaidPreviewCommand.js';
import MermaidSourceViewCommand from './commands/mermaidSourceViewCommand.js'; import MermaidSourceViewCommand from './commands/mermaidSourceViewCommand.js';
import MermaidSplitViewCommand from './commands/mermaidSplitViewCommand.js'; import MermaidSplitViewCommand from './commands/mermaidSplitViewCommand.js';
import InsertMermaidCommand from './commands/insertMermaidCommand.js'; import InsertMermaidCommand from './commands/insertMermaidCommand.js';
import { DowncastAttributeEvent, DowncastConversionApi, Element, EventInfo, Item, Node, Plugin, toWidget, UpcastConversionApi, UpcastConversionData, ViewElement, ViewNode, ViewText, ViewUIElement } from 'ckeditor5'; import { DowncastAttributeEvent, DowncastConversionApi, Element, EventInfo, Item, Node, Plugin, toWidget, UpcastConversionApi, UpcastConversionData, ViewElement, ViewText, ViewUIElement } from 'ckeditor5';
// Time in milliseconds. // Time in milliseconds.
const DEBOUNCE_TIME = 300; const DEBOUNCE_TIME = 300;
@ -105,14 +105,14 @@ export default class MermaidEditing extends Plugin {
// multiple markdown converters that we have seen are using only `language-mermaid` class and not `mermaid` alone. // multiple markdown converters that we have seen are using only `language-mermaid` class and not `mermaid` alone.
const code = writer.createContainerElement( 'code', { const code = writer.createContainerElement( 'code', {
class: 'language-mermaid' class: 'language-mermaid'
} ) as unknown as ViewNode; } ) as any;
const pre = writer.createContainerElement( 'pre', { const pre = writer.createContainerElement( 'pre', {
spellcheck: 'false' spellcheck: 'false'
} ) as unknown as ViewNode; } ) as any;
const sourceTextNode = writer.createText( data.item.getAttribute( 'source' ) as string); const sourceTextNode = writer.createText( data.item.getAttribute( 'source' ) as string);
writer.insert( mapper.toViewPosition(model.createPositionAt( code as unknown as Node, 'end' )), sourceTextNode ); writer.insert( model.createPositionAt( code, 'end' ) as any, sourceTextNode );
writer.insert( mapper.toViewPosition(model.createPositionAt( pre as unknown as Node, 'end' )), code ); writer.insert( model.createPositionAt( pre, 'end' ) as any, code );
writer.insert( targetViewPosition, pre ); writer.insert( targetViewPosition, pre );
mapper.bindElements( data.item as Element, code as ViewElement ); mapper.bindElements( data.item as Element, code as ViewElement );
} }
@ -142,8 +142,10 @@ export default class MermaidEditing extends Plugin {
const editingContainer = writer.createUIElement( 'textarea', textareaAttributes, createEditingTextarea ); const editingContainer = writer.createUIElement( 'textarea', textareaAttributes, createEditingTextarea );
const previewContainer = writer.createUIElement( 'div', { class: [ 'ck-mermaid__preview' ] }, createMermaidPreview ); const previewContainer = writer.createUIElement( 'div', { class: [ 'ck-mermaid__preview' ] }, createMermaidPreview );
writer.insert( writer.createPositionAt( wrapper, 'before' ), previewContainer ); //@ts-expect-error
writer.insert( writer.createPositionAt( wrapper, 'before' ), editingContainer ); writer.insert( writer.createPositionAt( wrapper, 'start' ), previewContainer );
//@ts-expect-error
writer.insert( writer.createPositionAt( wrapper, 'start' ), editingContainer );
writer.insert( targetViewPosition, wrapper ); writer.insert( targetViewPosition, wrapper );

3
packages/ckeditor5/tsconfig.json
View File

@ -3,6 +3,9 @@
"files": [], "files": [],
"include": [], "include": [],
"references": [ "references": [
{
"path": "../ckeditor5-mermaid"
},
{ {
"path": "../ckeditor5-keyboard-marker" "path": "../ckeditor5-keyboard-marker"
}, },

3
tsconfig.json
View File

@ -38,6 +38,9 @@
}, },
{ {
"path": "./packages/ckeditor5-keyboard-marker" "path": "./packages/ckeditor5-keyboard-marker"
},
{
"path": "./packages/ckeditor5-mermaid"
} }
] ]
} }