HTML5、WordPress和Tiny MCE问题--在div中使用锚标签会导致输出异常

时间:2013-04-22 作者:Xav

所以我在一个网站上使用HTML5,并试图将一个div封装在锚定标签中,这在HTML5网站上应该是可以接受的。但当我这么做的时候。。。

<a href="#mylink"><div class="some_class">Some content</div></a>
。。。通过WordPress Tiny MCE编辑器,我得到以下输出:

<p><a href="#mylink">&nbsp;</a></p>
<a href="#mylink"><div class="some_class">Some content</div></a>
<p><a href="#mylink"></a></p>
各种各样的混乱。如果在Tiny MCE中切换到可视化编辑器并返回文本,它会将代码更改为:

<a href="#mylink"> </a>
<div class="some_class">Some content</div>
&nbsp;
有人知道如何迫使微型MCE允许这样做吗?(理想情况下,无需借助Tiny MCE的高级插件版本)

谢谢你的建议。

1 个回复
SO网友:Matt

您需要修改TinyMCE设置,特别是valid_children 背景要在Wordpress中完成此操作,请使用tiny_mce_before_init 筛选器引用。

类似这样(未经测试):

add_filter(\'tiny_mce_before_init\', \'modify_valid_children\');

function modify_valid_children($settings){
    $settings[\'valid_children\']="+a[div|p|ul|ol|li|h1|h2|h3|h4|h5|h5|h6]";
    return $settings;
}
您可以使用+a[*]来捕获所有元素,但要小心避免nested anchor tags.

结束

相关推荐

使Fonts.com字体在TinyMCE中工作(iframe引用程序问题)

我在我的项目中使用自定义(商业)字体。前端一切正常。然而,我注意到,当尝试将此字体添加到TinyMCE iframe时,我得到了403的webfonts。问题似乎是,来自iframe的请求没有推荐人。和字体。com需要一个推荐人来验证请求。有什么想法吗?