Ckseditor с нокаутом JS binding issue

Мне нужно иметь поле области форматированного текста для привязки к наблюдаемой переменной knockout, я пытался использовать ckseditor control, но привязка не работала, даже если я поставил пользовательскую привязку KO для CKSeditor. Так что я переключился обратно на обычный html textarea, то я могу видеть привязку текста, однако он будет показывать текст с HTML-тегами, как это —

<p>This is the scope</p>

Я хотел бы преобразовать textarea в элемент управления rich textarea, такой как cks или любой другой, у кого есть идеи, как это сделать?

<script src="https://cdn.ckeditor.com/4.5.7/standard/ckeditor.js"></script>
<div class="form-group">
                <label for="Scope">Scope</label>
                  <textarea rows="10" name="Scope" class="form-control input-sm" id="Scope" data-bind="value: Scope"></textarea> 
            </div>

Ниже приведен код наблюдаемой переменной Knockout:

 self.Scope = ko.observable("<p>This is the scope</p>");

1 ответ

  1. В файле разметки я не использовал атрибут data-bind для CKEditor textarea

                CKEDITOR.replace('Scope1');
                function GetFormatedTextFromDB(){
    this.Scope1 = ko.observable($('#Scope1').val("<b>Murugesa Pandian test</b>"));
    };
    ko.applyBindings(new GetFormatedTextFromDB());
    

    // передать полученную переменную в функцию val
    Вывод из скрипта