将样式 <p> 传递给 CKEditor 文本区域

Passing style <p> to CKEditor Text Area

目前我正在尝试将包含样式的段落传递给 CKEditor 文本区域,然后编辑内容。所以当 html 传递到文本区域时,样式丢失了。 CKEditor 有什么配置或者方法吗?

<textarea class="form-control" id="summary-ckeditor" name="summary-ckeditor"></textarea>

    var editor = CKEDITOR.instances['summary-ckeditor'];
    editor.insertHtml("<div style='color: red'>Trying to get this code 
in red color when passing to CKEditor text area</div>");

能显示内容但没有样式

根据 CKEditor 文档 here,您必须像这样获取 CKEditor 实例(在您的情况下)

<textarea class="form-control" id="ckeditor_Instance" name="summary-ckeditor"></textarea>
var editor = CKEDITOR.instances.ckeditor_Instance;

然后您可以使用 <font> 标签插入 html(带有字体颜色),提到 here

var _html = '<p><font color="#FF0000">This is an inserted tag</font></p>';
editor.insertHtml(_html);

你也可以像这样添加背景颜色

var _html = '<p><font style="background-color:#FFFF00;">This is an inserted tag with background color.</font></p>';
editor.insertHtml(_html);

注意:-我已经在完整版的 CDN 上试过了

<script src="https://cdn.ckeditor.com/4.15.0/full/ckeditor.js"></script>