Я использую 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];';