タグ

エディターに関するchoromoのブックマーク (2)

  • tinymceでdivの空白を有効に - Webテクニカルディレクターブログ

    ツールCMSのWYSIWYGにtinymceを利用してるのですが、お客さんから「htmlモードでdivの空タグを入れると削除されてしまう。そのまま出力してほしい」との要望をいただきました。そこでtinymceの設定についていろいろ調べてみました。 tinymceの情報は結構豊富ですね。ちょっと探しただけでそれらしき設定方法がありました。http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/valid_elementsただ、いろいろjsがあるし、圧縮されててかなり管理しづらい。。。で更に調べてると、設定をオーバーライド出来る事を発見!http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/extended_valid_elements新規にjsファイルを作成し、tinyM

    choromo
    choromo 2011/10/24
    新規にjsファイルを作成し、tinyMCE.initメソッドの中に、ルールを記述すればOKです。 例:divの空タグを有効に、且つid,class,align,style,clearを有効に(clear以外はデフォルトで全タグ有効なはずだけどうまくいかなかったので記述
  • WordPressのTinyMCEをチキチキにカスタマイズする | 高橋文樹.com | プログラミング

    この投稿は 12年半 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 最近続いているWordPressエントリーの続きです。ところでみなさん、HTMLタグは好きですか? 僕はというと、特に好きとかはなくて、「セマンティックWebを実現するために大事だとは思うけど、書きたくはない」という感じです。 さて、WordPressにはTinyMCEというWYSIWYGエディタがついています。これはWordPressの中の人ではなくMoxiecodeというスウェーデンの人が作ったオープンソースのソフトですね。 今回はいかにタグ打ちをせずに済ませるかという点にしぼってご説明します。たぶんリンク集みたいになると思いますが、カスタマイズの方法は大体下記の通りです。 TinyMCEでの見映え自分のブログと統一する(初級) TinyMCEに元からあるボタンを追加す

    WordPressのTinyMCEをチキチキにカスタマイズする | 高橋文樹.com | プログラミング
    choromo
    choromo 2011/10/10
    カスタマイズの方法は大体下記の通りです。 TinyMCEでの見映え自分のブログと統一する(初級) TinyMCEに元からあるボタンを追加する(中級) TinyMCEに消されるタグを救う(特にiframe)(中級) TinyMCEにオリジナル
  • 1