前提・実現したいこと
WordPressで【TinyMCE Advanced】というプラグインを使用していますが、tableを利用した際に自動的にサイズ指定がされるようになってしまいました。
今まではこのようなことがなかったので、できれば元通りサイズ指定なしで使用していきたいと考えています。
ご教授いただければ助かります。
発生している問題・エラーメッセージ
ビジュアルエディタで表のボタンを使用した際に、サイズ指定が勝手にされてしまう
該当のソースコード
html
1<table style="border-collapse: collapse; width: 100%;" border="1"> 2<tbody> 3<tr> 4<td style="width: 20%;"></td> 5<td style="width: 20%;"></td> 6<td style="width: 20%;"></td> 7<td style="width: 20%;"></td> 8<td style="width: 20%;"></td> 9</tr> 10<tr> 11<td style="width: 20%;"></td> 12<td style="width: 20%;"></td> 13<td style="width: 20%;"></td> 14<td style="width: 20%;"></td> 15<td style="width: 20%;"></td> 16</tr> 17<tr> 18<td style="width: 20%;"></td> 19<td style="width: 20%;"></td> 20<td style="width: 20%;"></td> 21<td style="width: 20%;"></td> 22<td style="width: 20%;"></td> 23</tr> 24<tr> 25<td style="width: 20%;"></td> 26<td style="width: 20%;"></td> 27<td style="width: 20%;"></td> 28<td style="width: 20%;"></td> 29<td style="width: 20%;"></td> 30</tr> 31</tbody> 32</table>
試したこと
すでに既出の問題であったので、確認しながら子テーマのfunction.phpに記入してみましたが、何も変わらずでした。
記入したのは以下のコードです。
php
1function customize_tinymce_settings($mceInit) { 2$mceInit['table_resize_bars'] = false; 3$mceInit['object_resizing'] = "img"; 4return $mceInit; 5} 6add_filter( 'tiny_mce_before_init', 'customize_tinymce_settings' ,0);
php
1function remove_hwstring_from_image_tag( $html, $id, $caption, $title, $align, $url, $size ) { 2 list( $img_src, $width, $height ) = image_downsize($id, $size); 3 $hwstring = image_hwstring( $width, $height ); 4 $html = str_replace( $hwstring, '', $html ); 5 return $html; 6} 7add_filter( 'image_send_to_editor', 'remove_hwstring_from_image_tag', 10, 7 );
まっしろブログというサイトを参考にしました。
補足情報(FW/ツールのバージョンなど)
今現在、WordPress4.9.6
テーマはAFFINGER5EX、子テーマ使用中です。
あなたの回答
tips
プレビュー