Knockout.js 如何在Tinymce WYSIWYG编辑器中设置笔颜色

Knockout.js 如何在Tinymce WYSIWYG编辑器中设置笔颜色,knockout.js,tinymce,editor,Knockout.js,Tinymce,Editor,我正在使用tinymce编辑器插件。我在viewModel中将我的文本作为淘汰函数介绍: self.myText = ko.observable("bla bla bla bla bla"); 我的HTML是: <textarea id="Textarea1" data-bind="tinymce: myText, tinymceOptions: { plugins : 'wordcount,noneditable' ,theme_advanced_buttons

我正在使用tinymce编辑器插件。我在viewModel中将我的文本作为淘汰函数介绍:

self.myText = ko.observable("bla bla bla bla bla");
我的HTML是:

<textarea id="Textarea1"  data-bind="tinymce: myText, tinymceOptions: { 
     plugins : 'wordcount,noneditable'
     ,theme_advanced_buttons2 : ''
     ,theme_advanced_buttons1 : ''
     ,resize: 'both'
     }" style="width:100%; height: 700px">
</textarea>    
ko.bindingHandlers.tinymce = {
    init: function (element, valueAccessor, allBindingsAccessor, context) {
        var options = allBindingsAccessor().tinymceOptions || {};

        function writeModelValue(ed) {
            var modelValue = valueAccessor();
            if (ko.isWriteableObservable(modelValue)) {
                modelValue(ed.getContent());
            }
        }

        //handle edits made in the editor
        options.setup = function (ed) {
            ed.onChange.add(writeModelValue); //on add undo point
            ed.onKeyUp.add(writeModelValue); //on add undo point
            ed.onUndo.add(writeModelValue); //on undo
            ed.onRedo.add(writeModelValue); //on redo
        };


        $(element).tinymce(options);

        //handle destroying an editor 
        ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
            $(element).tinymce().remove();
        });
    },
    update: function (element, valueAccessor, allBindingsAccessor, context) {
        var value = ko.utils.unwrapObservable(valueAccessor());
        if (value !== $(element).html()) {
            $(element).html(value);
        }

        // Do something smart here…?


    }
};