如何在此有用的编辑器中添加新按钮以突出显示文本

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