如何在TinyMCE 4.0中启用<meta />标签?

时间:2013-07-05 14:36:19

标签: tinymce tinymce-4

在TinyMCE的早期版本中,我能够使用valid_elements : "+*[*]"启用<meta>标记,但在新版本中,它不再有效! 当我转到源代码时,我看不到meta标签,尽管它们嵌入在html代码中。因此,无法通过源代码编辑器编辑元标记!

2 个答案:

答案 0 :(得分:3)

我和你的情况相同(TinyMCE 4 VS标记)。

实际上我的目标是处理此视频标记示例:https://support.google.com/webmasters/answer/2413309?hl=en

我希望TinyMCE不要碰任何东西^^

在“tinymce.init”功能中,只需添加:

extended_valid_elements : "div[*],meta[*],span[*]",
valid_children : "+body[meta],+div[h2|span|meta|object],+object[param|embed]",

你会没事的。


“extended_valid_elements”选项允许您覆盖指定标记的行为。就像您将在官方文档中阅读一样,您必须小心包含所有默认值,因为您当前正在覆盖它们。 就个人而言,我没有打扰并允许[*]

的所有属性

那不是很干净,我宁愿使用这个选项:

 extended_valid_elements : "@[itemscope|itemtype|itemprop|content],div,meta,span",

为这3个标记正确授权新属性但是你必须再次指定所有默认值(例如只有这一行,div标记的“id”属性被清除了......)

“valid_children”选项允许您授权关于官方XHTML架构的好奇嵌入式标记:这正是我们想要的。使用此配置,TinyMCE不会意外地重新排序您的标记。

希望这有帮助!

此致

答案 1 :(得分:1)

基于contenteditable的编辑器中有很多类似标签的问题,tinyMCE 4通过添加一个新的插件来解决它,该插件将doctype,title和meta标记保存在内存中并动态地将其添加到编辑器中查看源代码并提交表单时。它被称为fullpage。我还认为这个插件会链接任何添加了content_css设置的样式表。