jquery - この便利なエディターでテキストを強調表示する新しいボタンを追加するにはどうすればよいですか

Question

これは私が見つけた例ですhttp://jsbin.com/awituc/25/edit

問題は、選択したテキストに特定の色、おそらく赤を追加する新しいボタンを作成する方法です。

Answer 1

解決策: http://jsbin.com/awituc/230/edit

プラグインにコードを追加:
設定:

colors: [{ key: "Red", value: "#ff0000" },
         { key: "Green", value: "00ff00" },
         { key: "Blue", value: "#0000ff" }]

プラグインの開始時にオーバーライドできます。

$("textarea").myTextEditor({ colors: [{ key: "yellow", value: "#ffff00" }] });

落ちる：

var selectColor = $("<select/>", {
        data: {
            commandName: "ForeColor"
        },
        change: execCommand
    }).appendTo(buttonPane);

色を設定するコード:

$.each(settings.colors, function (i, v) {
        $("<option/>", {
            value: v.value,
            text: v.key,
            style: "color:" + v.value
        }).appendTo(selectColor);

    });

execCommand リファレンス:
http://www.developphp.com/view_lesson.php?v=879

jQuery プラグインのチュートリアル:
http://bit.ly/14dXuXL