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

Question

Я использую froala, в качестве текстового редактора, я добавляю переменные из выпадающего меню, все в порядке, теперь я хочу просмотреть окончательный формат, но со значением каждого используемого параметра.

$.FroalaEditor.DefineIcon('variables', { NAME: 'cog' });
    $.FroalaEditor.RegisterCommand('variables', {
      title: 'Advanced options',
      type: 'dropdown',
      focus: false,
      undo: false,
      refreshAfterCallback: true,
      options: _self.employeeModel,
      callback: function (cmd, val) {
        console.log(val);
        this.html.insert('{{' + val + '}}');

      },
      // Callback on refresh.
      refresh: function ($btn) {
        console.log('do refresh');
      },
      // Callback on dropdown show.
      refreshOnShow: function ($btn, $dropdown) {
        console.log('do refresh when show');
      }
    });

в редакторе это выглядит хорошо: "мое имя {{name}} живет в {{address}}"

визуализировать я пытался с

но показ {{name}} как я могу заменить своим содержимым то, что находится в объекте employee

Answer 1

Вам следует позвонить Mustache.render() на выходе редактора, так что вы получите визуализированные переменные.