首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何防止tinymce从输入中剥离空标签?

如何防止tinymce从输入中剥离空标签?
EN

Stack Overflow用户
提问于 2012-05-06 09:51:34
回答 6查看 25.9K关注 0票数 26

我已经在不同的论坛和这里阅读了大量的帖子,但似乎仍然无法阻止tinymce从可编辑块的末尾剥离空标签。

例如,我输入以下内容:

代码语言:javascript
复制
<a href="blah">zzz</a>
<div class="floatClearer" style=""></div>

在往返过程中(进入和离开..and模式),tinymce会剥离整个<div class="floatClearer" style=""></div>

根据我找到的各种建议,我尝试了这些方法,甚至更多:

  • 删除my valid_elements

div前面的减号

...and这些配置。选项:

  • verify_html : false,
  • extended_valid_elements : "div*",
  • extended_valid_elements : "div[*]",

一切都无济于事。有什么方法可以防止这种剥离行为吗?还有其他地方我需要空标签(不只是在这个例子中),所以如果可以的话,请让我知道我的问题的具体答案,而不是建议我不使用空标签。

EN

回答 6

Stack Overflow用户

发布于 2016-01-21 17:28:08

TinyMCE中有一个bug,现在已经修复了(在v3.5.2中)。感谢@Thariama

对于将来的搜索者:使用verify_html选项。

此选项启用或禁用图元清理功能。如果将此选项设置为false,则将跳过所有元素清理,但仍将执行URL转换等其他清理功能。

用法示例:

tinyMCE.init({ ...verify_html: false });

票数 22
EN

Stack Overflow用户

发布于 2016-11-09 18:15:29

因为我也有麻烦,所以我在Cliff Ribaudo上添加了我的砖头答案。

所以我建议在空标签中使用&nbsp;,它不会被剥离,也不会被搜索引擎看到。

这样做在我的tinyMCE上没有被剥离:<div class="someclass">&nbsp;</div>

票数 4
EN

Stack Overflow用户

发布于 2016-06-12 19:00:50

我之所以坚持在这里,是因为我仍然会在谷歌博客上(即使是现在,2016年)遇到这个问题,我需要使用空的div来插入 Analytics,WordPress Translate和谷歌标签管理器。

典型的模式是你在博客页面上你需要的地方添加一个,下次你回来用TinyMCE编辑器触摸页面时,bammo你的div就消失了!

我发现的唯一的似乎总是可靠地工作,如下所示:

代码语言:javascript
复制
<div id="google_translate_element" style="text-align:right;"><span style="display:none;">ha_ha_I_beat_u_tinyMCE</span></div>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10467480

复制
相关文章

相似问题

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