我注意到Chromium / Chrome中的一个奇怪的错误,当经过一些编辑后,一个或多个图库占位符(WP3.5中的相机和图片)消失了。在一个案例中,我有一个占位符显示,而上面的那个没有,检查员显示一个没有应用img.wpGallery样式,尽管它们都应该工作。
工作:
<img class="wpGallery mceItem" title="gallery ids="77,76"" 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="32,22"" 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,甚至是默认主题。
答案 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进入这个奇怪的状态。