Livewire调用tinymce.activeEditor.setContent后绑定变量未更新

• TinyMCE和Livewire的双向绑定，本质是靠监听编辑器抛出的input、change这类内容变更事件，拿到最新内容同步到Livewire变量。
• 直接调用tinymce.activeEditor.setContent('text')是走TinyMCE的内部API修改内容，只会更新编辑器内部存储的内容、刷新编辑区显示，不会自动触发内容变更事件，Livewire感知不到内容发生了修改，绑定的变量自然不会同步更新。

方法1：控制台临时调试用 #

执行setContent之后补两行触发事件的代码，主动通知Livewire值已变更：

tinymce.activeEditor.setContent('text')
// 触发input事件，匹配常规双向绑定的监听逻辑
tinymce.activeEditor.fire('input')
// 补触发change事件做兼容，覆盖TinyMCE5/6不同版本的绑定实现
tinymce.activeEditor.fire('change')

执行完上述代码后，Livewire会立刻捕获到内容变更，同步更新绑定的变量。

方法2：业务代码长期适配 #

如果业务里经常需要通过API修改TinyMCE内容，就在TinyMCE初始化配置中增加全局监听，不管是手动输入还是API调用修改内容，都自动同步值到Livewire，从根源避免漏同步问题：

tinymce.init({
  // 原有TinyMCE配置项保持不变，追加setup逻辑即可
  setup: function (editor) {
    editor.on('SetContent', function () {
      // 将rich_text_content替换为你实际与Livewire绑定的字段名
      @this.set('rich_text_content', editor.getContent())
    })
  }
})

补充说明：不止Livewire，Vue、React这类框架的富文本双向绑定实现，基本都依赖事件监听触发同步。只要是通过编辑器API直接修改内容的场景，都需要手动触发对应变更事件，否则都会出现视图内容更新但绑定值不更新的问题。

内容的提问来源于stack exchange，提问作者ramon visser