文章/答案/技术大牛

发布

社区首页 >问答首页 >初始化内联编辑后，删除CKEditor 4嵌套的span元素。

问初始化内联编辑后，删除CKEditor 4嵌套的span元素。
EN

Stack Overflow用户

提问于 2013-12-14 13:30:47

回答 1查看 1.4K关注 0票数 0

我有一个div，是contenteditable=true。当我双击它时，我触发了CKEditor中的内联编辑代码，它成功地显示了CKEditor工具栏。

 $("#content_id").attr("contenteditable", true);
 ckeditor_instance = CKEDITOR.inline( content_id );

现在我有了一个LineHeight和LetterSpacing插件，它似乎是CKEditor工具栏中的下拉列表(一个由其他人创建的插件，我只复制了实现)，当我设置文本的LineHeight和LetterSpacing并重新初始化ckeditor时会出现问题。

为了说明这一点，下面是一个场景：

这是div的默认html。

<div id="mycontent" contenteditable=true>
    <span>The quick brown fox jumps over the lazy dog</span>
</div>

1.当我双击div时，我触发了我前面提到的CKEDITOR.inine( content_id )代码。当我将LetterSpace设置为让我们假设为6px时，div现在是这样的，这是正确的

<div id="mycontent" contenteditable=true>
    <span style="letter-spacing:6px;">
        <span>The quick brown fox jumps over the lazy dog</span>
    </span>
</div>

2.当我设置LineHeight让我们假设2px时，div现在是这样的，

 <div id="mycontent" contenteditable=true>
    <span style="line-height:2px;">
        <span style="letter-spacing:6px;">
            <span>The quick brown fox jumps over the lazy dog</span>
        </span>
    </span>
 </div>

这里的一切都很顺利，直到下一个场景：

3.我在div外悬停，我调用这个代码来破坏实例。

$("#content_id").attr("contenteditable", false);
CKEDITOR.instances[content_id].destroy();

4.我再次双击div，然后使用上面的CKEDITOR.inine( content_id )代码再次初始化，现在html将如下所示

<div id="mycontent" contenteditable=true>
    <span>The quick brown fox jumps over the lazy dog</span>
</div>

div返回到它的原始状态，具有样式、字母间距和行高的跨度被移除。

有人经历过这样的事吗？

ckeditor

inline

html

回答 1

Stack Overflow用户

发布于 2013-12-15 15:19:50

经过几个小时的尝试和错误，感谢Reinmar给了我这个文档：filter，并把我带到了这里，http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-allowedContent。

现在一切都很顺利。

从…

$("#content_id").attr("contenteditable", true);
ckeditor_instance = CKEDITOR.inline( content_id );

至

$("#content_id").attr("contenteditable", true);
ckeditor_instance = CKEDITOR.inline( content_id, {
  allowedContent : true
});

它的作用就像一种魅力，我还不知道为什么。我只是将allowedContent设置为真，因为在文档中它说：

true -将禁用筛选器(数据将不被过滤，所有功能将被激活)

希望不会有副作用。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20583908

复制

相似问题

问初始化内联编辑后，删除CKEditor 4嵌套的span元素。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问初始化内联编辑后，删除CKEditor 4嵌套的span元素。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问初始化内联编辑后，删除CKEditor 4嵌套的span元素。
EN