ﾋﾞｼﾞｭｱﾙｴﾃﾞｨﾀで編集するとHTMLが崩れる

解決済 yayk
(@yayk)

4年、 3ヶ月前

一部のﾀｸﾞをﾃｷｽﾄｴﾃﾞｨﾀで構築後にﾋﾞｼﾞｭｱﾙｴﾃﾞｨﾀに切り替えるとﾀｸﾞが勝手に変わってしまい、
HTMLが崩れてしまします。

<例>
<input id=”copyTarget1″ readonly=”readonly” type=”text” value=”コピーしたいアドレス” readonly>
<button onclick=”copyToClipboard(1)”>Copy text</button>
↓(ﾋﾞｼﾞｭｱﾙｴﾃﾞｨﾀに切り替え後にﾃｷｽﾄｴﾃﾞｨﾀで見る)
<input id=”copyTarget1″ readonly=”readonly” type=”text” value=”コピーしたいアドレス”/>
<button>Copy text</button>

ﾀｸﾞが変わらないようにできないでしょうか。
ｽﾚｯﾄﾞ違っていましたらすみません。

6件の返信を表示中 - 1 - 6件目 (全6件中)

ishitaka
(@ishitaka)

4年、 3ヶ月前

こんにちは

エディターはブロックエディターでしょうか？クラシックエディターでしょうか？

トピック投稿者 yayk
(@yayk)

4年、 3ヶ月前

返信ありがとうございます。

ｸﾗｼｯｸｴﾃﾞｨﾀです
ｸﾗｼｯｸｴﾃﾞｨﾀのﾌﾟﾗｸﾞｲﾝを使っております。
ishitaka
(@ishitaka)

4年、 3ヶ月前
下記ページが参考になると思います。
https://wordpress.stackexchange.com/questions/299306/onclick-inside-post-content-does-not-appear-in-post-tinymce-editor

例:

テーマの functions.php に、
```
function my_tiny_mce_before_init( $mceInit, $editor_id ) {
	$mceInit['allow_script_urls'] = true;
	if ( ! isset( $mceInit['extended_valid_elements'] ) ) {
		$mceInit['extended_valid_elements'] = '';
	} else {
		$mceInit['extended_valid_elements'] .= ',';
	}
	$mceInit['extended_valid_elements'] .= 'button[onclick]';
	return $mceInit;
}
add_filter( 'tiny_mce_before_init', 'my_tiny_mce_before_init', 10, 2 );
```
トピック投稿者 yayk
(@yayk)

4年、 3ヶ月前

ｸﾗｼｯｸｴﾃﾞｨﾀｰのﾃﾞﾌｫﾙﾄ設定をfunctions.phpで変更するということでしょうか。

すみません。PHP初心者ですのでこの例にあげて下さったのをｺﾋﾟﾍﾟすれば良いのか
何か書き足す部分があるのかがわかりません。

DRILL LANCER
(@rickaddison7634)

4年、 3ヶ月前

普通に子テーマの functions.php に追記するだけで OK です。
親テーマのに追記した場合はテーマアップデート時に失われます。

トピック投稿者 yayk
(@yayk)

4年、 3ヶ月前

おおお！

子テーマfunctions.phpに記載したところうまく表示されました！
ご教示ありがとうございました！

6件の返信を表示中 - 1 - 6件目 (全6件中)

トピック「ﾋﾞｼﾞｭｱﾙｴﾃﾞｨﾀで編集するとHTMLが崩れる」には新たに返信することはできません。