我正在尝试将timyMCE集成到knockout中,想法是,当单击链接时,然后将内容显示为不可编辑,然后单击测试进行编辑以打开tinymce。然后创建一个按钮来保存并将编辑模型切换到 View 模型。 这是示例代码,tinyMCE 现在无法工作...... 感谢您的帮助。
通常我们应该如何调试 knockout ?
Sample code here:
http://jsfiddle.net/Princa/zADEK/3/
最佳答案
1) 您需要这些绑定(bind)来将tinymce 与您的 knockout 模型结合起来。 https://github.com/SteveSanderson/knockout/wiki/Bindings---tinyMCE
2) 包含文本区域和显示区域的 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 如何初始化tinymce?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15888563/