Knockout.js 如何在Tinymce WYSIWYG编辑器中设置笔颜色
我正在使用tinymce编辑器插件。我在viewModel中将我的文本作为淘汰函数介绍: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
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…?
}
};