根据父组件更改重置tinymce内容

时间:2019-01-29 00:54:12

标签: javascript angular tinymce

我有一个父组件,其中有几个指令。一个指令包含另一个指令以显示tinymce表单/内容,另一个指令包含选择列表。每次选择都会更改tinymce的内容。

当前,我在父级组件中进行了选择更改,该更改将转到父级,然后转到包含tinymce形式的指令。在包含tinymce指令的指令中-我正在呼叫

tinymce.activeEditor.setContent(selectedItem);

即使此方法有效,并且我的tinymce表单也会根据选择进行更改。我不认为我应该直接从父级访问tinymce编辑器。有没有一种方法可以根据选择更改触发tinymce格式更改?

这就是我所拥有的。 父组件html包含:

<selection-display [selectedItem]="selectionItem.data (onEdit)="onEdit($event)">  
   <tinymce-form [selectedItem]="selectionItem.data" (onChange)="changeSelection($event)"></tinymce-form>
</selection-display>

<selection-list (selectChange)="editSelection($event)"></selection-list>

在我的selection-display指令中,我有一个方法,该方法将通过调用tinymce.activeEditor.setContent(selectedItem)来更新视图,而不是将选定的项目传递给tinymce-form指令。

我如何消除父母的tinymce.activeEditor.setContent(selectedItem)并让我的tinymce指令处理要显示的内容更改。

0 个答案:

没有答案