langfingaz/anki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix/autofix empty div (#2066)

Browse Source 
* Remove empty divs in rich text input

* Refactor inline content detection

* Fix formatting
This commit is contained in:
Henrik Giesel 2022-09-13 06:11:47 +02:00 committed by GitHub
parent 497b246b66
commit 892c9f6da8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ts/editor/rich-text-input/transform.ts
View File

@ -19,7 +19,7 @@ function adjustInputHTML(html: string): string {
function adjustInputFragment(fragment: DocumentFragment): void { function adjustInputFragment(fragment: DocumentFragment): void {
if (nodeContainsInlineContent(fragment)) { if (nodeContainsInlineContent(fragment)) {
fragment.appendChild(document.createElement("br")); fragment.append(document.createElement("br"));
} }
} }
@ -35,12 +35,16 @@ export function storedToFragment(storedHTML: string): DocumentFragment {
function adjustOutputFragment(fragment: DocumentFragment): void { function adjustOutputFragment(fragment: DocumentFragment): void {
if ( if (
fragment.hasChildNodes() &&
nodeIsElement(fragment.lastChild!) &&
nodeContainsInlineContent(fragment) && nodeContainsInlineContent(fragment) &&
fragment.lastChild!.tagName === "BR" fragment.lastChild &&
nodeIsElement(fragment.lastChild) &&
fragment.lastChild.tagName === "BR"
) { ) {
fragment.lastChild!.remove(); fragment.lastChild.remove();
}
for (const divElement of fragment.querySelectorAll("div:empty")) {
divElement.remove();
} }
} }