[B! tinymce][wordpress] inc-2734のブックマーク

WordPressの自動整形（ビジュアルエディタ含む）を無効にする方法 - Qiita

WordPressで既存サイトのテーマ化などを行った際、胃が痛いのがWordPressの自動整形の問題だと思う。これはWordPress内部に定義されている wpautop という関数が行っている処理なのだけど、この関数が結構やっかいで、改行コードを タグに変換インラインタグまたは文章には タグを適用改行が2回続いたら タグを適用といった処理を自動的に行ってしまうのである。 wpautop関数通常、ブログ用のテーマを使っているのであれば大きな問題にはならず、逆にタグを正規化してくれるので便利な関数なのだけど、通常のウェブサイトにまでこれが適用されてしまうと、単純に2回改行を入れたいだけなのに タグを挿入されてレイアウトが崩れてしまったり、意図しないところに タグが紛れ込むことでレイアウトが崩れてしまったりと、割と余計なお世話の関数だった

inc-2734 2017/05/16

リンク

WordPress TinyMCE ビジュアルエディタカスタマイズの例 - Qiita

2015.07.26 投稿やることが多いのでコードベースで淡々とその方法を書きます。今回の要件は以下を想定 TinyMCE ビジュアルエディタに「テキストボックスを吐き出す」ボタンを追加ボタンを押すとダイアログが開くダイアログはこんな感じバージョン WordPress 4.2.3 functions.php の編集 TinyMCE にオリジナルのボタンを追加するにあたっては、(WordPressではなく)TinyMCE のプラグインを作成する必要があるようです。ちなみにプラグインは js で作ります。プラグインを WordPress に対応させるにあたってまずは、add_filter 'mce_buttons' でボタンを追加。add_filter 'mce_external_plugins' でプラグインとなる js を登録することになります。 <?php function r

inc-2734 2015/09/18

リンク

ビジュアルエディタの無効になっているボタンとかを復活させる – わーどぷれすっ!!

WordPress Advent Calendar 2013 全部オレ 19日目のあるいは俺です。 WordPressのビジュアルエディタはTinyMCEというオープンソースのライブラリをカスタマイズして利用してますが、スッキリ見せるためかいくつか無効になっているボタンやメニューがあります。このボタンやらメニューやらを増やすプラグインがありますが、いくつかは簡単なコードで復活させることができるのでご紹介します。以下のコードをテーマのfunctions.phpか適当なプラグインファイルを作って放り込んでください。 function my_mce_buttons( $buttons ) { $buttons[] = 'fontsizeselect'; $buttons[] = 'hr'; $buttons[] = 'styleselect'; $buttons[]

inc-2734 2014/06/26

リンク

Welcome

-

inc-2734 2013/12/20

リンク

[WP]TinyMCEのビジュアルリッチエディタにカスタムボタンを追加する

WordPressのビジュアルエディタに自作したボタンを追加する方法についてのメモです。 TinyMCEのプラグイン作成手順メモにもなっています。 ver2.5以下は確認してないのでどうだか分かりません。多分TinyMCEのバージョンが違うので動かないと思います。 ver2.7は動きました。 ver2.9も動きました。 ©Fugue Icons サンプルとして▼こういうテーブルをボタン１発で追加出来るようにします。 Table Sample Caption Name Address プラグインとかで記事のテンプレートを作っておくという手もあるけど、ボタン挿入の方が汎用的に使えるので楽です。エディタへのテキスト挿入以外にもいろいろな事がやれます。結構面倒くさいので初心者向きではありません。あとついでにエディタ内のスタイル変更についても解説しています。なお、この方法はTinyMCE A