const container = this.shadowRoot.querySelector('.CodeMirrorContainer');
const renderCodeMirror = (Code) => {
- console.log({content});
this.cm = Code.wysiwygView(container, content, this.getLanguage());
- Code.updateLayout(this.cm);
- setTimeout(() => {
- this.style.height = null;
- }, 1);
+ setTimeout(() => Code.updateLayout(this.cm), 10);
+ setTimeout(() => this.style.height = null, 12);
};
window.importVersioned('code').then((Code) => {
showPopup(editor, textContent, '', (newCode, newLang) => {
const pre = doc.createElement('pre');
const code = doc.createElement('code');
- console.log(newCode);
code.classList.add(`language-${newLang}`);
code.innerText = newCode;
pre.append(code);
editor.on('PreInit', () => {
editor.parser.addNodeFilter('pre', function(elms) {
for (const el of elms) {
- const wrapper = new tinymce.html.Node.create('code-block', {
+ const wrapper = tinymce.html.Node.create('code-block', {
contenteditable: 'false',
});