Knockout.js 如何初始化tinymce？

我试图将timyMCE集成到knockout中，其想法是，当单击链接时，将内容显示为不可编辑，然后单击test进行编辑以打开tinymce。然后创建一个按钮以保存编辑模型并将其切换到视图模型。 这是示例代码，tinyMCE现在不工作。。。 谢谢你的帮助

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

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

1） 您需要这些将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>

您可以查看这个JSFIDLE。

---

您的小提琴缺少jQuery库-这里添加了：@Thariama是的，我后来发现了，现在它可以工作了。谢谢但是仍然有一个问题：。虽然我隐藏了tinymce，但它没有更新self.selectedET（），因此内容不会绑定到可观察对象…我应该怎么做？很抱歉，我与knockout.js不常见-所以我不能说太多！它确实帮助了我的第一步，我现在有了这个步骤，问题是我应该如何使用save按钮调用tinymce将内容保存到observable，如EmailTemplate（）.etContent？我改变了使用foreach绑定tinymce的方式：selectedET，然后绑定属性。看看这里，太好了，谢谢！这是我想要的。你知道为什么我们不能绑定selectedET吗？需要使用这个foreach技巧吗？selectedET是绑定的。但是，最好像这样绑定属性，因为knockout也会在属性为null且行为正常时处理它。它还可以使用“with”而不是foreach，因此如果我们将selectedET绑定到div，那么selectedET应该具有能够显示div内容的数据。如果我们想创建一个新记录，它没有任何selectedET对象，但允许用户创建一个空白记录，然后插入一个新记录，该怎么办？我仍然想使用相同的tinymce对象，但只使用空白内容和所有内容？像这样，它只有在我首先单击任何现有链接时才起作用，所以将数据绑定到selectedET，但若我们刷新页面，然后单击Createnew，那个么编辑器将不会显示。

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

ko.applyBindings(viewModel);