但卻有一個最大問題就是,每當從文字模式切換回預覽模式時,當裡面有使用比較舊一點的HTML標籤,或是自定義的標籤就會被轉換或刪除,因此梅干一旦切換到文字模式進行編輯時,當編輯完畢,也不會再切回預覽模式,而翻遍了所有的WordPress文件,一直找不到解決辦法,因此梅干今天就花了點時間,研究了一下,終於解決自動轉碼與刪除自定義標籤的方法啦!因此若WordPress這個問題也困擾著你的朋友,現在也一塊來看看,如何解決這問題吧!
TinyMCE官方文件
Step1
當今天在文字模式,編輯了一些原始碼後,切換回預覽模式,再切回文字時,就會發現除了標籤被自動轉換外,自定義的標籤也會被刪除。
Step2
而解決方法很簡單,進入編輯佈景主題,再到function.php後,加入下的語法。
function change_mce_options( $init ) {
$init['convert_fonts_to_spans'] = false; //不要將font標籤轉換成span
$init['extended_valid_elements'] = 'product[id]';//自定義標籤中的屬性
$init['custom_elements'] = 'product';//自定義的標籤
return $init;
}
add_filter('tiny_mce_before_init', 'change_mce_options');
$init['convert_fonts_to_spans'] = false; //不要將font標籤轉換成span
$init['extended_valid_elements'] = 'product[id]';//自定義標籤中的屬性
$init['custom_elements'] = 'product';//自定義的標籤
return $init;
}
add_filter('tiny_mce_before_init', 'change_mce_options');
Step3
可設定的排除屬性,可到官網中的文件中查看。
Step4
這時再試一下次,當使用了font標籤,與自定義的標籤,即便切到預覽,再切回文字模式,裡面的原始碼,依舊就不會被修改與刪除啦!因此有這困擾的朋友,不妨可試試看囉!