我正在尝试将 timyMCE 集成到淘汰赛中,想法是,当单击链接时,将内容显示为不可编辑,然后单击测试以编辑以打开 tinymce。然后创建一个按钮来保存和切换编辑模型到视图模型。这是示例代码,tinyMCE 现在不起作用...感谢您的帮助。
通常我们应该如何调试淘汰赛?
Sample code here:
http://jsfiddle.net/Princa/zADEK/3/
我正在尝试将 timyMCE 集成到淘汰赛中,想法是,当单击链接时,将内容显示为不可编辑,然后单击测试以编辑以打开 tinymce。然后创建一个按钮来保存和切换编辑模型到视图模型。这是示例代码,tinyMCE 现在不起作用...感谢您的帮助。
通常我们应该如何调试淘汰赛?
Sample code here:
http://jsfiddle.net/Princa/zADEK/3/
1)您需要这些绑定将tinymce与您的淘汰赛模型绑定。 https://github.com/SteveSanderson/knockout/wiki/Bindings---tinyMCE
2)您的 HTML 与您的 textareas 和显示区域。
<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/