스타일이 일부 요소에 적용되지 않음, 갤러리가 TinyMCE에서 사라짐, WP 3.5

Question

하나 이상의 갤러리 자리 표시 자 (WP3.5의 카메라 및 그림)를 일부 편집 한 후 Chromium/Chrome에서 이상한 버그를 발견했습니다. 하나의 경우에는 표시되는 하나의 자리 표시자가 있고 위의 경우에는 표시되지 않지만 inspector는 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 규칙이 그들 중 하나에 적용되지 않습니다 관리자는 확인 그러므로 그것은 사라진다.

이 이상한 버그는 이상한 상태의 편집기로 인한 것 같습니다. 저장 및 다시로드하면 주위를 클릭하고 편집 할 때까지 올바르게 다시 표시됩니다. 거의 그래픽/웹킷 버그처럼 보입니다. 그것이 발생하면 무작위로 보이지만, 여러 갤러리를 추가하고, 편집자를 직접 클릭하고, 편집자를 클릭하고, 몇 시간을 반복해서 입력하고, 일반적으로 하나 이상의 갤러리를 사라지게 할 수 있습니다.

Wordpress, TinyMCE 또는 Webkit에서 알려진 버그입니까? 누구든지 해결책을 찾았습니까?

두 개의 WP 설치, 두 개의 다른 시스템 및 기본 테마에서도이 내용이 표시됩니다.

Answer 1

간단한 해결 방법은 tinymce.activeEditor.contentDocument.getElementsByTagName('img') 요소를 통과하고 element.className = element.className을 설정하는 것입니다. (클래스가 자체적으로 적용되지 않을 때 괴괴 망측 한 상태를 방지하기 위해 onClick, onChange 등과 같은 많은 핸들러에 추가 될 수 있습니다.)

이것은 좋은 해결 방법 인 것처럼 보이지만 어떻게/왜 Webkit을 가진 TinyMCE가이 이상한 상태에 빠지게되는지.

Answer 2

저와 같은 애매한 문제를 가진 사람을보기 위해 놀랐습니다.

이 문제를 해결하기 위해 수행 한 작업은 내 CSS를 이미지의 스타일 속성으로 옮기는 것이 었습니다. 물론 렌더링 된 요소를 완벽하게 제어 할 수있었습니다. 귀하의 경우 도움이 될지 확실하지 않습니다.

Answer 3

크롬 버그와 관련이있는 것으로 보입니다. 그것은 Wordpress 3.6에서 수정 될 것입니다. (http://core.trac.wordpress.org/ticket/24177 참조)

css-class의 이름을 wpGallery에서 wp-gallery로 변경하는 것이 좋습니다.