ビジュアルエディタにCSSを適用する2016.03.11ビジュアルエディタにCSSを適用するカテゴリー:functions.phpFacebookTwitterビジュアルエディタから記事など更新する際に、実際の見た目と異なるのでお客様からはわかりにくかったりします。実際のh2やh3のスタイルをビジュアルエディタでも反映してほしいというご要望も少なくないはずです。そこで、ビジュアルエディタに実際の見た目が合致するように、スタイルを適用させていきましょう!また、使用しないh1タグなどの見出しを選択できないようにしていきましょう。手順1エディタに適用させるCSSを作成する。2functions.phpにビジュアルエディタに適用させるCSSを読み込ませる。3不要なタグをエディタから選択できないようにする。1エディタに適用させるCSSを作成する。cssはわかりやすいように『editor-style.css』としましょう。(一般的によく使用されています。)記述する内容は、適用させたいスタイルをstyle.cssからコピペすればOKです。2functions.phpにビジュアルエディタに適用させるCSSを読み込ませる記述。ビジュアルエディタ用CSSadd_editor_style('css/editor-style.css');と記述するだけでOKです。キャプチャのとおり、反映されています。Advancedをお使いの方も多いと思います。Advancedで不要なタグを選択できないようにしていきましょう。);h1はヘッダーなどで使用している場合が多いですので今回はエディタから選択できないようにします。上記のように記述すると、段落,h1,h5,h6が選択できないようになります。以上、テキストエディタにスタイルを適用し、不要なタグを削除する方法でした。Drive」2017.03.31TinyMCEをカスタマイズする2017.02.20キャプチャ認証(reCAPTCHA)を導入する。Avatarご相談・ご依頼に関して、まずはお問い合わせください。