样式不适用于某些元素,Gallery在TinyMCE,WP 3.5中消失

时间:2013-03-30 05:39:38

标签: wordpress google-chrome tinymce chromium wordpress-3.5

我注意到Chromium / Chrome中的一个奇怪的错误,当经过一些编辑后,一个或多个图库占位符(WP3.5中的相机和图片)消失了。在一个案例中,我有一个占位符显示,而上面的那个没有,检查员显示一个没有应用img.wpGallery样式,尽管它们都应该工作。

工作:

<img class="wpGallery mceItem" title="gallery ids=&quot;77,76&quot;" alt="" src="http://localhost/wordpress/wp-includes/js/tinymce/plugins/wpgallery/img/t.gif" data-mce-src="http://localhost/wordpress/wp-includes/js/tinymce/plugins/wpgallery/img/t.gif">

另一个,不工作:

<img class="wpGallery mceItem" title="gallery ids=&quot;32,22&quot;" alt="" src="http://localhost/wordpress/wp-includes/js/tinymce/plugins/wpgallery/img/t.gif" data-mce-src="http://localhost/wordpress/wp-includes/js/tinymce/plugins/wpgallery/img/t.gif">

这些是彼此相邻的,但是检查员验证img.wpGallery规则不适用于其中一个规则,因此它会消失。

这个奇怪的错误似乎是由编辑器的奇怪状态引起的 - 保存或重新加载再次正确显示它,直到你开始点击并编辑。它几乎像一个图形/ webkit错误。当它发生时似乎是随机的,但是添加多个画廊,在编辑器之前,之后,单击编辑器之前直接键入,重复几次,通常可以使一个或多个画廊消失......

这是Wordpress,TinyMCE或Webkit中的已知错误吗?有没有人找到解决方案?

我在两个不同的系统上安装两个WP,甚至是默认主题。

3 个答案:

答案 0 :(得分:1)

似乎与chrome bug有关。它将在Wordpress 3.6中修复。 (见:http://core.trac.wordpress.org/ticket/24177

建议将css-classes从wpGallery重命名为wp-gallery。

答案 1 :(得分:0)

很惊讶地发现有人和我一样有着不起的问题。

我解决这个问题的方法是将我的CSS移动到图像的样式属性中。当然,我可以完全控制正在渲染的元素......不确定它是否会对你的情况有所帮助。

答案 2 :(得分:0)

看起来简单的解决方法是遍历tinymce.activeEditor.contentDocument.getElementsByTagName('img')元素并设置element.className = element.className。 (这可以添加到许多处理程序中,如onClick,onChange等,以防止在类不适用时出现奇怪的状态。)

这似乎是一个很好的解决方法,但我想知道如何/为什么TinyMCE与Webkit进入这个奇怪的状态。