gpt4 book ai didi

knockout.js 如何初始化 tinymce?

转载 作者:行者123 更新时间:2023-12-02 22:07:26 24 4
gpt4 key购买 nike

我正在尝试将 timyMCE 集成到 knockout 中,想法是,当单击链接时,将内容显示为不可编辑,然后单击测试以编辑以打开 tinymce。然后创建一个按钮来保存和切换编辑模型到 View 模型。这是示例代码,tinyMCE 现在不起作用...感谢您的帮助。

通常我们应该如何调试 knockout ?

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

最佳答案

1) 您需要将 tinymce 与您的 knockout 模型绑定(bind)的这些绑定(bind)。 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com