WordPressのビジュアルエディタ自動整形に知識0で対処

WordPressの自動整形機能に困らされた

今回のトラブルに関しては、以下のように分けられます。

それぞれ解説していきます。

発端

自動整形とは

今回は、これら自動整形を制御する方法について紹介する

試したこと

カスタマイズする方法と、プラグインを追加する方法を試した

カスタマイズ

全ての投稿で自動整形をOFF

remove_filter('the_content', 'wpautop');　// 記事の自動整形を無効にする
remove_filter('the_excerpt', 'wpautop');　// 抜粋の自動整形を無効にする

＜p＞の自動挿入はON、HTMLソースの自動消去をOFFにしたい場合

add_action('init', function() {
  remove_filter('the_title', 'wptexturize');
  remove_filter('the_content', 'wptexturize');
  remove_filter('the_excerpt', 'wptexturize');
  remove_filter('the_title', 'wpautop');
  remove_filter('the_content', 'wpautop');
  remove_filter('the_excerpt', 'wpautop');
  remove_filter('the_editor_content', 'wp_richedit_pre');
});
add_filter('tiny_mce_before_init', function($init) {
  $init['wpautop'] = false;
  $init['apply_source_formatting'] = ture;
  return $init;
});

自動置換をOFF

// 特定文字の自動置換制御
remove_filter( 'the_content', 'wptexturize' );
remove_filter( 'the_excerpt', 'wptexturize' );

今の所は自動置換で困ったことはないけど、とりあえず書いといた

記事ごとに自動整形を制御

//==============================================================================
//
//	自動整形を無効にするカスタムフィールドを作成
//
//==============================================================================

//	アクションフックに登録：管理画面にカスタムボックスをエントリー
add_action(
	'add_meta_boxes', 
	function(){
		$screens = array('post', 'page');
		foreach($screens as $scrn){
			add_meta_box(
				'peralab-custombox-dont-autoformatting', 	//編集画面セクションのHTML ID
				'自動整形を無効化', 	//メタボックスのタイトル
				'PeralabDontAutoFormatting_CustomBoxCreate', 	//入力フォーム作成で呼び出されるコールバック
				$scrn, 								//表示するページ
				'side', 							//メタボックス表示箇所(advanced, normal, side)
				'default', 							//表示優先度(high, core, default, low)
				null);								//コールバック時に渡す引数があれば指定
		}
	}
);

//	メタボックスを作成
function PeralabDontAutoFormatting_CustomBoxCreate($post){	//$postには現在の投稿記事データが入っています
	//入力済みのデータを取得
	$data_str = get_post_meta($post->ID, "dont_autoformat_radio", true);
	if($data_str != 'dont'){
		$data_str = 'format';
	}
	
	//nonce作成
	wp_nonce_field('action-noncekey-dontautoformat', 'noncename-dontautoformat');

	?>
	<div>
	
	<!-- 出力する文字列 -->
	<p><label><input name="name-metabox_autoformat_radio" type="radio" value="format" <?php echo (($data_str == 'format') ? 'checked' : '') ?>>整形する（初期値）</label></p>
	<p><label><input name="name-metabox_autoformat_radio" type="radio" value="dont" <?php echo (($data_str == 'dont') ? 'checked' : '') ?>>整形しない</label></p>
	<p><label>ビジュアルエディタの整形無効の切り替えは[下書き保存] [更新]などで記事の保存後から反映されます。</label></p>
	
	</div>
	<?php
}

//--------------------------------------------------------------
//	カスタムボックス内のフィールド値更新処理
//--------------------------------------------------------------
add_action(
	'save_post', 
	function($post_id){
		//nonceを確認
		if(isset($_POST['noncename-dontautoformat']) == false 
				|| wp_verify_nonce($_POST['noncename-dontautoformat'], 'action-noncekey-dontautoformat') == false) {
			return;	//nonceを認証できなかった
		}
		
		//自動保存ルーチンかどうかチェック。そうだった場合はフォームを送信しない(何もしない)
		if(defined('DOING_AUTOSAVE') && DOING_AUTOSAVE){
			return;
		}
		
		//パーミッション確認
		if(isset($_POST['post_type'])){
			if($_POST['post_type'] == 'page'){
				if(!current_user_can('edit_page', $post_id)){
					return;	//固定ページを編集する権限がない
				}
			}
			else{
				if(!current_user_can('edit_post', $post_id)){
					return;	//記事を編集する権限がない
				}
			}
		}
		
		//== 確認ここまで ==

		
		//予約投稿時は、データが有るにも関わらず$_POSTからデータ取得ができないので、
		//issetでデータ確認が出来るときのみ値の更新処理を行います。
		if(isset($_POST['name-metabox_autoformat_radio'])){
			update_post_meta($post_id, "dont_autoformat_radio", $_POST['name-metabox_autoformat_radio']);
		}
	}
);

//=========================
//	自動整形無効の実処理
//=========================

//記事表示時の整形無効
add_action(
	'wp_head',
	function(){
		if(get_post_meta(get_the_ID(), 'dont_autoformat_radio', true) == 'dont'){
			remove_filter('the_content', 'wpautop');
			remove_filter('the_excerpt', 'wpautop');
		}
	}
);

//ビジュアルエディタ(TinyMCE)の整形無効
add_filter(
	'tiny_mce_before_init',
	function($init_array){
		if(get_post_meta(get_the_ID(), 'dont_autoformat_radio', true) == 'dont'){
			global $allowedposttags;
			$init_array['valid_elements']          = '*[*]';
			$init_array['extended_valid_elements'] = '*[*]';
			$init_array['valid_children']          = '+a[' . implode( '|', array_keys( $allowedposttags ) ) . ']';
			$init_array['indent']                  = true;
			$init_array['wpautop']                 = false;
			$init_array['force_p_newlines']        = false;
		}
		return $init_array;
	}
);

手順

プラグイン

最終的な対処

テキストエディタをデフォルトにした

/**
 * Change editor default input.
 *
 * @param  string $editor
 * @return string $editor
 */
function change_editor_default( $editor ) {
	$editor = 'html';
	return $editor;
}
add_filter( 'wp_default_editor', 'change_editor_default' );

その他の対処、試してないこと

リビジョンで復元

手順

フォーラムで質問

WordPressとかテーマのフォーラムで聞いてみたら何かわかったかも

まとめと補足

まとめると、このようになります。

WordPressのビジュアルエディタ問題を解決するには

結局根本的な解決は不可能でした。

やっぱりWordPressの問題に対処するには、PHPに関する勉強が必要なようです。

では、一体どこで勉強すればいいのでしょう？

というわけで、次のページです。

次のページ

WordPress 勉強

neetneed.net

2019.04.24

【9-7】PHP学習サイト関連

neetneed.net

2018.12.24