tinymce-knockout-binding 不显示格式答案

【问题标题】：tinymce-knockout-binding not showing formattingtinymce-knockout-binding 不显示格式
【发布时间】：2014-08-08 03:52:27
【问题描述】：

我正在尝试通过michaelpapworth 获得tinymce-knockout-binding 插件（顺便说一句，这是一个很棒的插件）。我遇到的问题是我正在尝试将编辑器与一些预先存在的 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');
}

我像这样绑定到 observable：

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

【问题讨论】：

标签： javascript knockout.js tinymce

【解决方案1】：

插件第14行

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

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

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

它会正确格式化。我相信更新中使用的 setContent 函数已经支持 HTML，因此不需要进一步升级

【讨论】：

【解决方案2】：

您使用text 而不是html 来初始化您的绑定：

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

已更正jsFiddle

【讨论】：