tinymce angular 2+模板不使用ngmodel替换init上的值，而是使用用户插入的模板

Question

我在Angular 7应用中使用TinyMCE编辑器组件。当我将模板变量插入编辑器时：

<span class="data-variable">${variable_name}</span>

用我初始化tinymce的template_replace_values对象中的值很好地替换它。

let template_replace_values = {variable_name: "hello world!"}

输出：

<span class="data-variable">hello world!</span>

但是，当通过ngModel绑定填充模板html时：

<editor #editor [(ngModel)]="html" (onChange)="updateStore(html)"></editor>

html的插入方式如下：

<span class="data-variable">${variable_name}</span>

并且没有替换发生。我是否需要以某种方式陷入角度生命周期中的tinymce事件？

Answer 1

您引用的功能是template插件的一部分，因此仅当您使用该插件插入内容时才会触发。使用其他API将内容注入编辑器不会触发该代码，因此不会发生替换。

我们确实有编辑器事件，当将内容插入编辑器时，它可以通知您，并且您当然可以选择在这些事件发生时自行执行替换。