質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.47%
TableView

TableView(UITableView)とは、リスト形式で表示するコントロールで、ほとんどのアプリに使用されています。画面を「行」に分けて管理し、一般的には各行をタップした際に詳細画面に移動します。

TinyMCE

TinyMCEとはプラットフォーム独立型であるウェブベースのJavaScript/HTML WYSIWYGエディターです。Moxiecode Systems ABによってLGPLライセンス下でオープンソース化されています。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

532閲覧

WordPressのTinyMCE Advancedでtableを入力した際、勝手に挿入されるサイズの指定を無効にしたい

退会済みユーザー

退会済みユーザー

総合スコア0

TableView

TableView(UITableView)とは、リスト形式で表示するコントロールで、ほとんどのアプリに使用されています。画面を「行」に分けて管理し、一般的には各行をタップした際に詳細画面に移動します。

TinyMCE

TinyMCEとはプラットフォーム独立型であるウェブベースのJavaScript/HTML WYSIWYGエディターです。Moxiecode Systems ABによってLGPLライセンス下でオープンソース化されています。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2018/05/31 09:50

前提・実現したいこと

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、子テーマ使用中です。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問