tinymce-knockout-binding未显示格式

时间:2014-06-18 01:07:40

标签: javascript knockout.js tinymce

我正试图通过tinymce-knockout-binding获取michaelpapworth插件(顺便说一句,这是一个很棒的插件)。我遇到的问题是我正在尝试使用一些预先存在的html标记来绑定编辑器,但是它显示的是标签而不是显示格式化。

这是一个显示我的问题的jsfiddle:http://jsfiddle.net/rsparkyc/MT7cf/2/

我的观点模型如下:

function ViewModel() {
    var self = this;
    self.wysiwygOptions = {
        forced_root_block: false
    };


    self.selectedText = 
      ko.observable('I want this<br /><h1>to show formatting</h1>In the editor');
}

我和这样的观察者绑定了:

<div class="editableArea" 
     data-bind="wysiwyg: selectedText, wysiwygConfig: wysiwygOptions"></div>

2 个答案:

答案 0 :(得分:1)

插件的第14行

e(i).text(s()());

这假设您要发布纯文本...您可以将此行更改为

e(i).html(s()());

它将正确格式化..我相信更新中使用的setContent函数已经适应HTML,因此不需要进一步升级

答案 1 :(得分:0)

您使用text而不是html初始化绑定:

e(i).html(s()());

更正了 jsFiddle