将样式 <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>
目前我正在尝试将包含样式的段落传递给 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>