htmlArea で「ひよこまーく」

☆

最先端のトレンドを取り入れて

htmlArea に

「ひよこまーく」挿入機能

を付けてみました。

って、htmlArea を使っている人でひよこまーくを使いそうなの、私くらいかも (^^;

htmlArea.js のどこをいじったか、書いておきます。

*** htmlArea.js.20040210 Tue Feb 10 16:34:31 2004
--- htmlArea.js Fri Feb 13 14:36:33 2004
***************
*** 71,77 ****
      "formatblock", "space",
      "bold", "italic", "underline", "separator",
      "strikethrough", "subscript", "superscript", "separator",
!                   "blockquote",
      "copy", "cut", "paste", "space", "undo", "redo" ],
    
    [ "justifyleft", "justifycenter", "justifyright", "justifyfull", "separator",
--- 71,77 ----
      "formatblock", "space",
      "bold", "italic", "underline", "separator",
      "strikethrough", "subscript", "superscript", "separator",
!                   "blockquote", "hiyoko",
      "copy", "cut", "paste", "space", "undo", "redo" ],
    
    [ "justifyleft", "justifycenter", "justifyright", "justifyfull", "separator",
***************
*** 174,180 ****
    cut: [ "Cut selection", "images/ed_cut.gif", false, cut_copy_paste ],
    copy: [ "Copy selection", "images/ed_copy.gif", false, cut_copy_paste ],
    paste: [ "Paste from clipboard", "images/ed_paste.gif", false, cut_copy_paste ],
!   blockquote: [ "Insert Blockquote", "images/ed_blockquote.gif", false, function(e) {editor.surroundHTML('<blockquote>', '</blockquote>');} ]
   };
   /* ADDING CUSTOM BUTTONS
    * ---------------------
--- 174,181 ----
    cut: [ "Cut selection", "images/ed_cut.gif", false, cut_copy_paste ],
    copy: [ "Copy selection", "images/ed_copy.gif", false, cut_copy_paste ],
    paste: [ "Paste from clipboard", "images/ed_paste.gif", false, cut_copy_paste ],
!   blockquote: [ "Insert Blockquote", "images/ed_blockquote.gif", false, function(e) {editor.surroundHTML('<blockquote>', '</blockquote>');} ],
!                 hiyoko: [ "Insert Hiyoko Mark", "images/ed_hiyoko.gif", false, function(e) {editor.insertHTML('<span class="hiyoko">&#40;&#12539;e&#12539;&#41;<br />&#12402;&#12424;&#12371;&#12414;&#12540;&#12367;</span>');} ]
   };
   /* ADDING CUSTOM BUTTONS
    * ---------------------

上記は、「htmlArea を使ってみる」で htmlArea 3.0 に「引用」ボタンを追加するカスタマイズを行なったソースに対する差分(context diff)です。
「ひよこまーく」挿入ボタンの画像は を使ってください。

関連記事: JUGEMには「ひよこマーク」機能が

ちなみに、この記事も htmlArea で書いています。
(・e・)
ひよこまーく

---

*** 追記 ***
結局、htmlArea の生成するタグ、特に <font> に問題があった(font 要素を置けないところに置けてしまえる)ので、手で直してしまいました。 あんまり、色は変えない方がいいみたいですね(苦笑)