Question

我正在尝试将timyMCE整合到淘汰赛中，这个想法是，当点击链接时，然后将内容显示为不可编辑，然后点击测试进行编辑以打开tinymce。然后创建一个按钮以保存并将编辑模型切换到视图模型。这是示例代码，tinyMCE现在不起作用...... 谢谢你的帮助。

通常我们应该如何调试淘汰赛？

Sample code here:
http://jsfiddle.net/Princa/zADEK/3/

Answer 1

1）你需要这些绑定将你的敲门模型绑定。 https://github.com/SteveSanderson/knockout/wiki/Bindings---tinyMCE

2）带有textareas和显示区域的HTML。

<a href="javascript:void(0)" data-bind="click:function(){showEditor(true)}">Show Editor</a> | 
<a href="javascript:void(0)" data-bind="click:function(){showEditor(false)}">Hide Editor</a>
<br/>

<div data-bind="text: fieldOne, visible:!showEditor()"></div>

<div data-bind="css:{'nodisplay':!showEditor()}">
    <textarea class="tinymce" data-bind="tinymce: fieldOne"></textarea>
</div>

<hr/>

<h2>Debug</h2>
<div data-bind="text: ko.toJSON(viewModel)"></div>

3）你的JS

var viewModel = {
    fieldOne: ko.observable("one"),
    showEditor:ko.observable(false)
};

ko.applyBindings(viewModel);

你可以检查这个jsfiddle。 http://jsfiddle.net/billaraw/kwpRV/

knockout.js如何初始化？

1 个答案: