在检索数据时,CKeditor似乎没有呈现正确的文本颜色?

时间:2015-06-01 10:50:57

标签: ckeditor

几个月前我问过这个问题,但不幸的是它没有解决我的问题,所以我再次提出更多信息。

我正在使用CKeditor 4.4.5

Original Question

我已经尝试过CKeditor的在线演示。有效的是在CKeditor中进行编辑时渲染颜色,但是当一个人检索到其中带有彩色span元素的内容时,正如它应该做的那样,颜色不会在CKeditor中呈现。此外,似乎标签根本没有被剥离。似乎CKeditor没有渲染类似:

<textarea class="RTE" cols="20" disabled="True" id="Content" name="Content" 
rows="2">
&lt;h1&gt;&lt;span style=&quot;color:red&quot;&gt;I should be coloured red&lt;/span&gt;&lt;/h1&gt;
</textarea>

使用:

I should be coloured red

红色。

我在相关的CSS中检查过&#34;!important&#34;,我看不到会影响此文本的任何内容。

为什么CKeditor不尊重&#34;颜色&#34;这个&#34; span&#34;的属性检索/显示数据时的元素,而不是最初编辑它将非常有用。

提前致谢。

修改

来源&#34;来源&#34;视图:

<h1><span style="color:red">I should be coloured red</span></h1>

EDIT2

这有效:

<p style="color:red">I should be coloured red</p>

EDIT3

这有效

<h1 style="color:red">XXX red text XXX</h1>

EDIT4

这不起作用:

<p><span style="color:red">XXX red text XXX<</span></p>

1 个答案:

答案 0 :(得分:0)

似乎我的CKeditor配置中有一些代码导致了这种行为,但不确定原因。当我评论它时,我的颜色编码工作。此外,我已关闭ACF,因为我很好,我的所有内联样式属性都被删除了。所以我将配置改为:

//config.protectedSource.push(/<span[\s\S]*?\>/g); //allows beginning <span> tag - now commented out
//config.protectedSource.push(/<\/span[\s\S]*?\>/g); //allows ending </span> tag - now commented out
config.allowedContent = true; //Added