将变量插入编辑器并可视化实际结果

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()，以便获取呈现的变量。