yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update clean up code

Browse Source
This commit is contained in:
Niels Lyngsø
2024-05-28 09:01:49 +02:00
parent cfbf43215c
commit 2f63277fa0
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/Umbraco.Web.UI.Client/src/packages/tiny-mce/property-editors/tiny-mce/property-editor-ui-tiny-mce.element.ts
View File

@@ -106,19 +106,16 @@ export class UmbPropertyEditorUITinyMceElement extends UmbLitElement implements
if (!editor) return;
// Clone the DOM, to remove the classes and attributes on the original:
//const clonedDoc = editor.dom.doc.cloneNode(true);
const range = document.createRange();
range.selectNode(editor.getBody());
const clonedDoc = range.cloneContents();
const div = document.createElement('div');
div.innerHTML = editor.getContent();
// Loop through used, to remove the classes on these.
const blockEls = clonedDoc.querySelectorAll(`umb-rte-block, umb-rte-block-inline`);
const blockEls = div.querySelectorAll(`umb-rte-block, umb-rte-block-inline`);
blockEls.forEach((blockEl) => {
blockEl.removeAttribute('contenteditable');
blockEl.classList.remove('umb-rte-block', 'umb-rte-block-inline');
blockEl.classList.remove('uui-text', 'uui-font');
});
const div = document.createElement('div');
div.appendChild(clonedDoc);
const markup = div.innerHTML;
// Remove unused Blocks of Blocks Layout. Leaving only the Blocks that are present in Markup.