У меня есть проект с контролем cefsharp, который отображает ckeditor 5. Когда я пытаюсь установить html-контент в редакторе с семейством стилей и размером шрифта в редакторе, это содержимое не отображается.
https://i.stack.imgur.com/PxHII.png
Код представляет экземпляр ckeditor.
<!DOCTYPE html>
<div id="editor">
</div>
<script src="../build/ckeditor.js"></script>
<script>
let theEditor;
ClassicEditor.create(document.querySelector('#editor'), {
fontSize: {
options: [
9,
11,
13,
defaultFontSize,
17,
19,
21
]
},
fontFamily: {
options: [
'Arial',
'Courier New',
'Georgia',
defaultFontFamily,
'Lucida Sans Unicode',
'Tahoma',
'Times New Roman',
'Trebuchet MS',
'Verdana'
]
}
})
.then(editor => {
theEditor = editor;
})
.catch(err => {
console.error(err.stack);
});
function getDataFromTheEditor() {
return theEditor.getData();
}
function setdatafromdb(hmtlInput) {
theEditor.setData(hmtlInput);
}
</script>
Установить HTML-контент в редакторе
public void SetHtml()
{
string script = string.Format("setdatafromdb(\"{0}\")", CKEContent);
chromiumWebBrowser.ExecuteScriptAsyncWhenPageLoaded(script);
}
Работает, когда у меня есть контентбез размера шрифта и параметров семейства шрифтов.
https://i.stack.imgur.com/4uw8J.png
Итак, проблема возникает, когда у меня есть html, подобный этому в базе данных:
<p><span style="font-family:'Courier New';font-size:21px;">trstrtrtrt</span></p><p><span style="font-family:'Courier New';font-size:21px;">rtgrt</span></p><p><span style="font-family:'Courier New';font-size:21px;">grtggtrg</span></p><p><span style="font-family:'Courier New';font-size:21px;">rtg</span></p>
Как я могу это исправить?