CKEDITOR的源码模式乱码自定义模板代码

Question

我试图在源代码编辑器中允许自定义 "template code"。我的代码片段总是看起来像 {* anything here *}。它主要工作，但如果在 HTML 标签内使用，事情就会变得混乱。

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

示例：

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

变成

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

和

<p {* tet_pos_is_inside *}>Fuss</p>

进入

<p {*="" tet_pos_is_inside="" *}="">Fuss</p>

有什么建议吗？

谢谢，塞巴斯蒂安

Answer 1

我的建议是永远不要在标签内使用它们，这听起来像是配置的噩梦。您要满足的要求是什么？

您可以使用类、数据属性 and/or 自定义属性通过预处理和 post 处理来解决此问题。例如你可以使用像他这样的东西：

<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>

Answer 2

嗯，显然有一个简单的解决方案可以解决我当前的问题：

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

有效！请注意在双引号内使用单引号。 IOW，只要有一个 <tag attr="val"> 那么 val 可以是除了包含更多双引号之外的任何东西。

感谢您的评论。

CKEDITOR的源码模式乱码自定义模板代码

CKEDITOR's source code mode scrambles custom template code

ckeditor