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

Lexical: Added id support for all main block types

Browse Source
This commit is contained in:
Dan Brown
2024-08-11 16:08:51 +01:00
parent ebf95f637a
commit ec965f28c0
13 changed files with 486 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
resources/js/wysiwyg/nodes/code-block.ts
View File

@ -2,7 +2,7 @@ import {
DecoratorNode,
DOMConversion,
DOMConversionMap,
DOMConversionOutput,
DOMConversionOutput, DOMExportOutput,
LexicalEditor, LexicalNode,
SerializedLexicalNode,
Spread
@ -33,7 +33,9 @@ export class CodeBlockNode extends DecoratorNode<EditorDecoratorAdapter> {
}
static clone(node: CodeBlockNode): CodeBlockNode {
return new CodeBlockNode(node.__language, node.__code);
const newNode = new CodeBlockNode(node.__language, node.__code);
newNode.__id = node.__id;
return newNode;
}
constructor(language: string = '', code: string = '', key?: string) {
@ -118,6 +120,13 @@ export class CodeBlockNode extends DecoratorNode<EditorDecoratorAdapter> {
return false;
}
exportDOM(editor: LexicalEditor): DOMExportOutput {
const dom = this.createDOM(editor._config, editor);
return {
element: dom.querySelector('pre') as HTMLElement,
};
}
static importDOM(): DOMConversionMap|null {
return {
pre(node: HTMLElement): DOMConversion|null {
@ -130,10 +139,13 @@ export class CodeBlockNode extends DecoratorNode<EditorDecoratorAdapter> {
|| '';
const code = codeEl ? (codeEl.textContent || '').trim() : (element.textContent || '').trim();
const node = $createCodeBlockNode(language, code);
return {
node: $createCodeBlockNode(language, code),
};
if (element.id) {
node.setId(element.id);
}
return { node };
},
priority: 3,
};