多个 TinyMCE 实例 - 无法使用 "Get" 方法
Multiple TinyMCE Instances - Unable to Use "Get" Method
我在同一网页上启动了两个 TinyMCE 编辑器实例...如下所示。
tinymce.init({
selector: '#post-content',
placeholder: 'Type your post here...',
elementpath: false,
resize: false,
plugins: '',
toolbar: '',
menubar: '',
});
tinymce.init({
selector: '.post-comment-form-input',
placeholder: 'Type your comment here...',
elementpath: false,
resize: false,
height: "100",
plugins: '',
toolbar: '',
menubar: '',
});
当我在第一个实例中执行命令时,一切正常(如下所示)。
$('btn').click(function() {
tinyMCE.get('post-content').setContent('');
});
然而,当我在第二个实例上执行命令时,我得到以下 "Cannot read property 'setContent' of null"。
$('btn').click(function() {
tinyMCE.get('post-comment-form-input').setContent('');
});
两个 TinyMCE 编辑器在网页上显示都很好,所以我知道它们正在正确初始化。只是当我尝试在第二个实例上使用命令时它不起作用。我已经尝试在第二个函数中包含一个句点,因为它是 class,但这也不起作用。
谢谢。
tinymce.get()
要求您传递 HTML 元素的 ID。根据您的 init()
部分,第二个选择器使用的 CLASS 对于 tinymce.get()
API.[=13 无效=]
我在同一网页上启动了两个 TinyMCE 编辑器实例...如下所示。
tinymce.init({
selector: '#post-content',
placeholder: 'Type your post here...',
elementpath: false,
resize: false,
plugins: '',
toolbar: '',
menubar: '',
});
tinymce.init({
selector: '.post-comment-form-input',
placeholder: 'Type your comment here...',
elementpath: false,
resize: false,
height: "100",
plugins: '',
toolbar: '',
menubar: '',
});
当我在第一个实例中执行命令时,一切正常(如下所示)。
$('btn').click(function() {
tinyMCE.get('post-content').setContent('');
});
然而,当我在第二个实例上执行命令时,我得到以下 "Cannot read property 'setContent' of null"。
$('btn').click(function() {
tinyMCE.get('post-comment-form-input').setContent('');
});
两个 TinyMCE 编辑器在网页上显示都很好,所以我知道它们正在正确初始化。只是当我尝试在第二个实例上使用命令时它不起作用。我已经尝试在第二个函数中包含一个句点,因为它是 class,但这也不起作用。
谢谢。
tinymce.get()
要求您传递 HTML 元素的 ID。根据您的 init()
部分,第二个选择器使用的 CLASS 对于 tinymce.get()
API.[=13 无效=]