CKEditor:如何在DIV中强制P?

时间:2012-11-28 15:25:30

标签: javascript html ckeditor

在我正在进行的CMS中,我需要插入一些自定义HTML(可以工作):

var element = CKEDITOR.dom.element.createFromHtml("<div class='sidebar'>Edit Sidebar Text</div>");

问题在于,当编辑侧边栏元素内的内容时,按ENTER键会复制侧边栏DIV,而不是在侧边栏中添加P标记。如何告诉编辑使用段落?

我希望如此:

<div class="sidebar">
    Enter sidebar text
<p></p>
</div>

得到这个:

<div class="sidebar">
    Enter sidebar text</div>
<div class="sidebar">
    &nbsp;</div>

我没有对“entermode”设置进行任何更改。

2 个答案:

答案 0 :(得分:2)

您几乎猜到了偏好的名称: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.forceEnterMode(是的,我认为此设置应默认为true,但至少我们可以选择设置它)

答案 1 :(得分:2)

除了Alfonso的帖子之外,你需要做的第二件事是插入你自己的段落作为包装元素的一部分。这样CK就会在包装器中创建一个普通的<p>标签而不是<p class="sidebar">

var element = CKEDITOR.dom.element.createFromHtml("<div class='sidebar'><p>Edit Sidebar Text</p></div>");

从这里找到这个线索:http://ckeditor.com/forums/CKEditor-3.x/inside