首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CKEditor条带化内联属性

CKEditor条带化内联属性
EN

Stack Overflow用户
提问于 2013-04-02 08:07:56
回答 5查看 29.8K关注 0票数 25

我使用CKEditor已经有一段时间了,它工作得很好。我几乎已经摆脱了我曾经遇到的所有问题,但这一点我似乎搞不懂。当我向元素添加内联属性时,例如<p></p>标记上的style = "color: #ff0;",当我从所见即所得切换到源代码视图时,这些属性就会被删除。没有保存或提交,ckeditor已添加到我的网站,这是我自己的脚本。任何可能导致这种情况的想法。我能找到的所有搜索结果都对应于Drupal中发生的这种情况,但问题似乎是Drupal,而不是所有情况下的编辑器。再次感谢!

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-04-02 15:19:36

感觉您使用的是Advanced Content Filter (ACF)自带的CKEditor 4.1+。如果是这样的话,你需要指定config.allowedContentconfigure it来让你的东西正常工作。您也可能对config.extraAllowedContent感兴趣。

有关更多详细信息,请参阅this answer

票数 35
EN

Stack Overflow用户

发布于 2014-02-19 22:43:35

如果您正在寻找一个简单的示例,了解如何在不完全禁用ACF的情况下在CKEditor中启用额外的标记,这里有一个简短的片段:

CKEDITOR.replace( 'editor1', {
    extraAllowedContent: 'style;*[id,rel](*){*}'
} );

此处的extraAllowedContent启用<style>元素,允许所有(*是通配符)已经允许的元素具有两个额外的属性(在方括号中),允许对它们使用任何类名(*),并允许使用任何内联样式{*}

票数 11
EN

Stack Overflow用户

发布于 2014-03-13 15:10:23

您好,您可以很容易地停止ACF。默认情况下,您的配置是

function ckeditor($name,$value='',$height=300){
    return '<textarea name="'.addslashes($name).'">'.htmlspecialchars($value).'</textarea>
<script>$(function(){CKEDITOR.replace("'.addslashes($name).'",{});});</script>';
} 

只需在花括号中添加以下内容:

allowedContent: true

现在,您的配置将是:

function ckeditor($name,$value='',$height=300){
    return '<textarea name="'.addslashes($name).'">'.htmlspecialchars($value).'</textarea>
<script>$(function(){CKEDITOR.replace("'.addslashes($name).'",{allowedContent: true});});</script>';
}
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15753956

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档