サンプルとデモページで実際の動作を通して学ぶTinyMCEの設定方法 以前の投稿「PukiWikiをビジュアルエディタ(TinyMCE)で編集できるプラグインを作成」で、TinyMCEについて学びました。その際の知見をフィードバックできればと思い、まとめを作りました。 「はじめてTinyMCEを使う」「TinyMCEをとことんまでカスタマイズしたい」といった方々にお役に立てたら幸いです。 TinyMCEとは TinyMCEとはリッチエディタの一種です。 リッチエディタとはざっくり言えば実際の見た目と同じ画面で編集できるエディタのことです。モニター画面と印刷結果を一致させるために使われたWYSIWYG(ウィジウィグ)が有名です。html用途ではTinyMCEの他にCLEditorもよく知られています。 TinyMCEはHTML用のリッチエディタで、HTMLタグを打つこと無く装飾されたWebペ
_ TinyMCEの使い方 SimpleMDEをしばらく使っていたが色を付けたいというような要望があって、そりゃマークダウンにはないし、かといって直接spanを書かせるわけにもいかないし、というわけでいろいろWYSIWYG系のブラウザ用エディターを調べて、結局TinyMCEに落ち着いた。 が、ドキュメントがいまいちわかりにくくて、どのプラグインが追加有償なのかといったこともなかなかわかりにくい。でも、まあ、そのあたりは解決して(一番使いたいのはTextColorでこれはデフォルトプラグインだし、次に使いたいのはTableで、これもデフォルトプラグインだった)が、一番の問題点は、入力されたデータをどう扱えるか、だった。 それ以外の使い方はなんかおかしなドキュメント(懇切丁寧だが、同じことを何度も何度も繰り返して書いてあるコピペプログラミングみたいな感じ)に書いてあるし、日本語でもうすこしまと
functions.phpにTinyMCEをカスタマイズしたスタイルセレクトボタンを追加する functons.phpをカスタマイズする。こんな感じ。 functions.php //スタイルセレクトボタンを追加 function tinymce_add_buttons( $array ) { array_unshift( $array, 'styleselect' ); return $array; } add_filter( 'mce_buttons', 'tinymce_add_buttons' ); //スタイルセレクトの初期設定を変更 function customize_tinymce_settings($mceInit) { $style_formats = array( array( 'title' => 'div(段落)', 'block' => 'div', 'clas
WordPressのヴィジュアルエディターに新しいボタンを追加する方法です。 今回は、ヴィジュアルエディターに下図のようなボタンを追加します。 テキストを選択してボタンをクリックすると、下記のようなタグが仕込まれる仕様です。 HTML 仕込まれるタグは変更できるので、好きなタグをボタン一つで挿入することができます。 プラグイン「Advanced Editor Tools (旧 TinyMCE Advanced)」をインストールしていても使えます。 ボタンの追加方法 早速ボタンを追加していきましょう。 必要なファイル ボタンを追加するには下記のファイルが必要となります。 ボタンアイコン用のpngファイル(サイズは20X20) tinymce_quotebutton.js swpbtn-shortcode.php エディターに表示させるボタンアイコンは事前に作成しておきましょう。 JavaSc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く