Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-03 20:06:08 +01:00
Code Issues Packages Projects Releases Activity

fix(editor): syntax highlighting not working in nested elements (closes #1609, closes #843)

Browse Source
This commit is contained in:
Elian Doran
2025-04-07 23:51:56 +03:00
parent 7f1eb99127
commit 8b7f16d49b
2 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/public/app/types.d.ts vendored
View File

@@ -296,6 +296,7 @@ declare global {
}
interface CKNode {
_children: CKNode[];
name: string;
childCount: number;
isEmpty: boolean;

22
src/public/app/widgets/type_widgets/ckeditor/syntax_highlight.ts
View File

@@ -101,10 +101,30 @@ function initTextEditor(textEditor: TextEditor) {
const changes = document.differ.getChanges();
let dirtyCodeBlocks = new Set<CKNode>();
function lookForCodeBlocks(node: CKNode) {
for (const child of node._children) {
if (child.is("element", "paragraph")) {
continue;
}
if (child.is("element", "codeBlock")) {
dirtyCodeBlocks.add(child);
} else if (child.childCount > 0) {
lookForCodeBlocks(child);
}
}
}
for (const change of changes) {
dbg("change " + JSON.stringify(change));
if (change.type == "insert" && change.name == "codeBlock") {
if (change.name !== "paragraph" && change.name !== "codeBlock" && change.position.nodeAfter?.childCount > 0) {
/*
* We need to look for code blocks recursively, as they can be placed within a <div> due to
* general HTML support or normally underneath other elements such as tables, blockquotes, etc.
*/
lookForCodeBlocks(change.position.nodeAfter);
} else if (change.type == "insert" && change.name == "codeBlock") {
// A new code block was inserted
const codeBlock = change.position.nodeAfter;
// Even if it's a new codeblock, it needs dirtying in case