Javascript 如何在Telerik编辑器上使用knockoutjs绑定?

Javascript 如何在Telerik编辑器上使用knockoutjs绑定?,javascript,jquery,telerik,tinymce,knockout.js,Javascript,Jquery,Telerik,Tinymce,Knockout.js,我正在尝试为描述字段实现在位编辑功能,其中编辑是使用telerik mvc编辑器完成的。除非用户单击表示可编辑部分的跨距,否则编辑器需要隐藏,完成后,隐藏编辑器并将标记的条目放置在可编辑元素中 我不确定在哪里应用敲除绑定,以便在编辑器隐藏后,输入telerik编辑器的内容显示在跨度中。编辑器创建一个iframe,其中包含用户输入内容时生成的标记html。转换的标记作为html编码的值存储在iframe外部的textarea中 如果尝试向生成的textarea添加绑定,但没有看到数据绑定的范围=“

我正在尝试为描述字段实现在位编辑功能,其中编辑是使用telerik mvc编辑器完成的。除非用户单击表示可编辑部分的跨距,否则编辑器需要隐藏,完成后,隐藏编辑器并将标记的条目放置在可编辑元素中

我不确定在哪里应用敲除绑定,以便在编辑器隐藏后,输入telerik编辑器的内容显示在跨度中。编辑器创建一个iframe,其中包含用户输入内容时生成的标记html。转换的标记作为html编码的值存储在iframe外部的textarea中

如果尝试向生成的textarea添加绑定,但没有看到数据绑定的范围=“text:imgDescr”更新

她的观点很鲜明

<div>
    <span data-bind="text: imgDescr"></span>
</div>
<div>
@{ Html.Telerik().Editor()
  .Name("editor")
  .HtmlAttributes(new {style = "height:400px"})
  .Encode(false)
  .Render();    
}
</div>

有没有关于如何做到这一点的建议?我还研究了使用tinyMCE,但我认为渲染是以类似的方式处理的。

如果您的编辑器是tinyMCE编辑器(?),则向textarea添加绑定没有帮助。
您可以使用
tinymce.get('editor_id').getContent()访问编辑器内容
并使用
tinymce.get('editor_id').setContent('这是一个演示文本')进行设置

如果您的编辑器是tinymce editor(?),则向文本区域添加绑定没有帮助。 您可以使用
tinymce.get('editor_id').getContent()访问编辑器内容
并使用
tinymce.get('editor_id').setContent('这是一个演示文本')进行设置

使用列出的示例和knockout wiki提供的tinyMCE绑定示例,我能够以我需要的方式绑定编辑器

我缺少的部分内容是jquery.tinymce.js脚本

绑定是在自定义绑定中完成的,如上面的示例所示,执行绑定所需的唯一一行是

   setTimeout(function() { $(element).tinymce(options); }, 0);
在自定义绑定的init部分中

这是我所拥有的一切。它在JSFIDLE中不是一个完全有效的示例,但显示了我在页面上的所有内容。

使用列出的示例和knockout wiki提供的tinyMCE绑定示例,我能够以我需要的方式绑定编辑器

我缺少的部分内容是jquery.tinymce.js脚本

绑定是在自定义绑定中完成的,如上面的示例所示,执行绑定所需的唯一一行是

   setTimeout(function() { $(element).tinymce(options); }, 0);
在自定义绑定的init部分中

这是我所拥有的一切。它在JSFIDLE中不是一个完全有效的示例,但显示了我在页面上的所有内容。

您确定$('t-raw-content')是一个正确的jQuery选择器吗。这应该是$('t-raw-content')还是$('t-raw-content')?您确定$('t-raw-content')是正确的jQuery选择器吗。这应该是$('t-raw-content')还是$('t-raw-content')??