时间戳

首页 > 解决方案 > ckeditor 自动删除样式 css

javascript - ckeditor 自动删除样式 css

问题描述

我使用 ckeditor5-decoupled-document

<div class="document-editor" runat="server" visible="false" id="editor_pnl">
        <div class="document-editor__toolbar"></div>
        <div class="document-editor__editable-container">
            <div class="document-editor__editable" id="editor1" runat="server">
            </div>
        </div>
        <asp:Button ID="btn_save_statement" runat="server" Text="Save" CssClass="btn btn-primary" OnClientClick="GetEditorData();" OnClick="btn_save_statement_Click" />
    </div>

<script>
    DecoupledEditor
        .create(document.querySelector('.document-editor__editable'), {

        })
        .then(editor => {
            const toolbarContainer = document.querySelector('.document-editor__toolbar');

            toolbarContainer.appendChild(editor.ui.view.toolbar.element);
            config.allowedContent = true;
            window.editor = editor;
        })
        .catch(err => {
            console.error(err);
        });

    function GetEditorData() {
        document.getElementById('<%= hf_edit.ClientID %>').value = document.getElementById('ContentPlaceHolder1_UC_HR_editor1').innerHTML;
        document.getElementById('<%= hf_edit.ClientID %>').value.replace('<div data-cke-hidden-sel="1" data-cke-temp="1" style="position:fixed;top:0;left:-1000px;width:0;height:0;overflow:hidden;">hcard widget</div>', '');
    }
</script>

我的问题是Ckeditor 自动删除样式 css 我不知道如何在版本 5 的代码中启用此功能如何控制呈现这样的元素：

config.allowedContent =
    'h1 h2 h3 p blockquote strong em;' +
    'a[!href];' +
    'img(left,right)[!src,alt,width,height];';

标签： javascripthtmlckeditorckeditor5

解决方案

推荐阅读