Question

我有一个带有控制ceefsharp的项目，该项目显示ckeditor5。当我尝试在编辑器中使用样式字体系列和编辑器中的字体大小设置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>

我该如何解决？

在ckeditor 5中不显示带有字体系列和大小的内容

0 个答案: