2

私は timyMCE をノックアウトに統合しようとしています。アイデアは、リンクをクリックしてコンテンツを編集不可として表示し、[テスト] をクリックして編集して tinymce を開くことです。次に、編集モデルを保存してビューモデルに切り替えるボタンを作成します。ここにサンプルコードがありますが、tinyMCE は動作しませんでした...助けてくれてありがとう。

通常、ノックアウトをどのようにデバッグすればよいのでしょうか?

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

1 に答える 1

5

1) tinymce をノックアウト モデルにバインドするこれらのバインディングが必要です。 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/

于 2013-04-09T07:50:15.103 に答える