javascript - 如何使用knockout js(MVVM)在mvc中绑定(bind)值summernote编辑器

Question

我在我的 mvc 项目中成功集成了 Summernote 编辑器，但我无法从文本区域获取值。

我使用了 knockout (MVVM)结构。

<tbody data-bind='with:demo'>
     <textarea class="summernote" placeholder="Description" data-bind='value:   Description'></textarea>
</tbody>

var Demo = function (demo) {
var self = this;
self.Description = ko.observable(demo? demo.Description : '');
 }

var DemoViewModel = function () {
   var self = this;
   self.demo= ko.observable(new Demo());
 }

ko.applyBindings(new DemoViewModel ())

Answer 1

你最好的选择是像这样创建自定义绑定(bind)

ko.bindingHandlers.summernote = {
    init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        var value = ko.unwrap(valueAccessor());
        var $element = $(element);
        $element.html(value).summernote({
          callbacks:{
            onChange: function (contents) {
                valueAccessor()(contents);
            }
          }
        });
    }
};

你可以调用它

<textarea  data-bind="summernote: Description"></textarea>