CKEDITOR';s源代码模式置乱自定义模板代码

CKEDITOR';s源代码模式置乱自定义模板代码,ckeditor,Ckeditor,我试图在源代码编辑器中允许自定义“模板代码”。我的代码片段看起来总是像{*这里的任何东西*}。它基本上是有效的,但是如果在HTML标记中使用,事情就会变得混乱 启动CKEDITOR时,我已经在使用allowedContent:true, 例如: <p style="{* some "short code" of mine... *}">Text</p>

我试图在源代码编辑器中允许自定义“模板代码”。我的代码片段看起来总是像
{*这里的任何东西*}
。它基本上是有效的,但是如果在HTML标记中使用,事情就会变得混乱

启动CKEDITOR时,我已经在使用
allowedContent:true,

例如:

<p style="{* some "short code" of mine... *}">Text</p>

变成

<p style="{* some " short="" code"="" of="" mine...="" *}"="">Text</p>

进入

大惊小怪

有什么建议吗

谢谢,
Sebastian

我的建议是永远不要在标签中使用它们,这听起来像是一场噩梦。你想用这些来满足什么要求

您可以使用类、数据属性和/或自定义属性进行前后处理来解决这个问题。例如,您可以使用类似于他的:

<p class="tet_pos_is_inside_val-12345 foo-val-12345">I love horses</p>
<p data-tet_pos_is_inside="12345" data-foo="">I love bunnies</p>
<p tet_pos_is_inside="12345" foo="">I love cats</p>
我喜欢马

我喜欢兔子

我喜欢猫

嗯, 显然,有一个简单的解决方案可以解决我目前的问题:

<p style="{* some 'short code' of mine... *}">Text</p>

文本

工作!注意在双引号中使用单引号。 这样,只要有一个
,那么
val
就可以是除包含更多双引号之外的任何内容


谢谢你的评论

关于“你可以四处转转…”好吧,这取决于具体情况,但我想不出其中一种情况会不起作用。谢谢,但我的网站就像“高级”博客,用户希望模板“正常工作”。。。所以问题是为什么CKEDITOR会转换代码!?我想我的答案是,它可以在许多浏览器中保持高水平的功能。CKE扩展了contenteditable,提供了许多功能,这些功能都可以在许多浏览器上使用,而且非常复杂。保持一个定义良好的来源对于实现这一目标至关重要。考虑一下自己解析代码——当HTML解析器看到

<p class="tet_pos_is_inside_val-12345 foo-val-12345">I love horses</p>
<p data-tet_pos_is_inside="12345" data-foo="">I love bunnies</p>
<p tet_pos_is_inside="12345" foo="">I love cats</p>
<p style="{* some 'short code' of mine... *}">Text</p>