javascript – 如何通过元素选择器获取tinyMCE编辑器实例?

前端之家收集整理的这篇文章主要介绍了javascript – 如何通过元素选择器获取tinyMCE编辑器实例?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我想在使用AJAX请求创建tinyMCE编辑器后设置内容.我在页面上有几位编辑.所有这些都初始化为:

tinymce.init({
        selector: '.tiny-mce'
    });

每个编辑器都有一个独特的类来将它们彼此分开.
在使用AJAX请求获取数据后,如何使用此类将内容设置为一个特定的编辑器?

tinyMCE.get('.class_name') // returns null

我正在搜索API和SO而无法找到执行这么简单的功能.

编辑:

我找到了不那么干净的方式来获取编辑器实例.创建tinyMCE时,它会向元素添加带编辑器名称的id.现在我可以这样做:

var id = $('.class_name').attr('id');
tinyMCE.get(id).setContent('new content');

但有更好的方法吗?

最佳答案
根据get()API,传递给该调用的字符串需要是编辑器元素的ID而不是Class.

https://www.tinymce.com/docs/api/class/tinymce/#get

所以如果你想根据ID定位编辑器,你需要这样的东西: