在Ckeditor中创建新段落时，将上一段的属性（样式，类）复制到新的段落中。有没有办法防止这种情况？
例如，如果我在集中段落中编写并按Enter创建新段落，我的用户希望新段落是一个简单的
，而没有默认情况下"继承"以前的任何内容。bk_hr>
编辑
我设法获得了（未经危险的未经测试）与Reinmar的技巧合作。这是我结束的；我希望这对别人有帮助。如果你们在这里看到一个明显的错误，请告诉我
CKEDITOR.on('instanceCreated', function(e) {
e.editor.on('key', function(evt) {
if (evt.data.keyCode === 13) {
// if we call getStartElement too soon, we get the wrong element
setTimeout(function () {
var se = e.editor.getSelection().getStartElement();
if(se.getName() == "span") {
var text = se.getText(); // Store text, we are about to nuke the spans
while (se.getName() == "span") { // possible infinite loop danger
se = se.getParent();
}
if (text.length == 0)
se.setHtml(" "); // It's important that this is not empty
else
se.setHtml(text);
}
debug(se.getHtml());
se.removeAttribute("class");
se.removeAttribute("mycustomattr");
se.removeAttribute("myothercustomattr");
window.bla = se; // useful for debugging
}, 10);
}
});
});
我与即将到来的CKeditor V4（当前夜间）遇到了类似的问题。我从我的自定义图像浏览器中插入了带有图像和自定义类的段落，而CKEditor一直将这些类复制到图像之后创建的段落。
。我不喜欢key事件的想法，然后是setTimeout的呼叫，所以我检查了一些源，事实证明这很简单。
按Enter，CKEditor实际上会发出enter命令。您需要做的就是设置afterCommandExec事件，并找到新创建的空元素：
editor.on('afterCommandExec', function (e) {
if (e.data.name == 'enter') {
var el = e.editor.getSelection().getStartElement();
// when splitting a paragrah before it's first character,
// the second one is selected
if (el.getHtml() != '<br>') {
if (el.hasPrevious() && el.getPrevious().getHtml() == '<br>') {
el = el.getPrevious();
} else {
// both paragraphs are non-empty, do nothing
return;
}
}
// modify el according to your needs
}
});
希望这会有所帮助！
我一直在考虑您过去两天的问题，我有一个主意。我检查了Enter插件代码，最好将其保持不变。相反，您可以在Enter键上收听，并且在执行我们的自定义Enter后，您应该从新创建的块中清除样式。
这些方法将很有用：
-
editor.on( 'key', function( evt ) { evt.data.key... } ) -
editor.getSelection().getStartElement()-输入选择后，将放置在新创建的块中（ 内联元素，例如粗体，下划线等）。 -
CKEDITOR.dtd.*-元素集可以帮助您决定哪些元素是内联样式的，应删除。 -
element.isEmptyInlineRemoveable-您应该删除放置光标的空内线元素。 -
editor.createRange().setStartAt( block, 0 ).select()-最后，您应该将Caret放在正确的位置（在块开始时-<p>/<div>/<li>/等）。
不幸的是，如您所见，这不是一件容易的事，祝您好运：）
这是一篇古老的帖子，但是我一直在遇到同样的问题，我终于得到了一些工作，所以我想分享我的解决方案。对于那些不知道我们为什么想要此功能的人，这是我的解释：
默认情况下，CKEditor尝试在按Enter键插入新行时允许用户继续使用相同的样式。换句话说，如果您的文本大胆且以中心为中心，并且按Enter键，则CKEditor会复制该样式，以使新线路也大胆且中心。这很棒，直到您想插入更复杂的东西，例如带有属性的嵌套元素（例如通过插件）。当您击中具有类的元素中时，CKEditor会创建一个具有同一类的新段落元素，如果该类依赖于父元素的存在，该元素将无法使用（这是一个示例，其中这将成为一个问题：http：http：http：//jsfiddle.net/b4ygj/158/).
我提出的解决方案结合了Reinmar和Nenotlep的代码和建议：
// create object of safe classes
var safe_classes = {};
$.each(ckeditor_styles_full, function(i, style) {
if(style['attributes']) {
var style_classes = style['attributes'].class;
var style_element = style['element'];
if(typeof safe_classes[style_element] != "object") {
safe_classes[style_element] = [];
}
style_classes = style_classes.split(" ");
$.each(style_classes, function(i, v) {
if($.inArray(v, safe_classes[style_element]) <= -1) {
safe_classes[style_element].push(v);
}
});
}
});
$.each(CKEDITOR.instances, function(i, editor) {
editor.on('key', function(e) {
if (e.data.keyCode === 13) {
setTimeout(function () {
var se = e.editor.getSelection().getStartElement();
var parent = se.getParent().getName();
if(parent == "html" || parent == "body") {
var se_classes = se.getAttribute('class');
var new_classes = [];
se.removeAttribute("class");
if(se_classes !== null) {
se_classes = se_classes.split(" ");
$.each(se_classes, function(i, v) {
if(typeof safe_classes[se.getName()] != 'undefined') {
if($.inArray(v, safe_classes[se.getName()]) > -1) {
se.addClass(v);
}
}
});
}
}
}, 10);
}
});
});
以下是它的工作原理：首先，脚本将所选样式列表删除为类名称，然后按元素类型将其编译为对象。然后，它在CKEditor将事件绑定到Enter密钥的所有实例中迭代。接下来，它检查以查看按下Enter时创建的元素是否在HTML或Body以外的父元素内部（即，它是较大元素树的一部分）。最后，如果它不在容器元素中，它将从该元素中剥离所有元素的所有类，这些类并未在" safe_classes"对象中创建的对象中。
2重要的旁注：1）您仍然需要设置"武力：true"2）因为"武力"设置为true，所以最好只嵌套段落元素。示例：
<div class="container"><p class="title">Title Text</p><p class="content">Content Goes Here</p></div>
否则，如果您按Enter inseddiv中的输入，CKEditor将将所有该Div的所有属性复制到段落元素中。