如何重新初始化页面里的tinymce文本框

关于富文本编辑器tinymce的一个小问题。

页面中一开始有一些textarea,在window.onload中,写了tinymce的初始化方法:

//初始化tinymce
tinymce.init({
            selector: 'textarea',
            language: 'zh_CN',
            menubar: false,
            mode: 'textareas',
            width: 700,
            height: 300,
            branding: false,
            plugins: 'link lists textcolor wordcount colorpicker textpattern',
            toolbar: 'bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat',
        });

当页面整个加载完成后,会动态再加入一些textarea,此时遇到的问题是,这些新动态加入的textarea,有tinymce编辑器的外观,但是按钮却无法点击,编辑区也无法编辑。

个人感觉应该是因为没有初始化(或者激活?)这些新加入的textarea,试了试定时tinymce.remove() 然后再重新init也没有用。

想请问一下有没有遇到类似问题的?谢谢

阅读 10k
3 个回答
新手上路,请多包涵

// Sets the HTML contents of the activeEditor editor
tinymce.activeEditor.setContent('<span>some</span> html');

// Sets the raw contents of the activeEditor editor
tinymce.activeEditor.setContent('<span>some</span> html', {format: 'raw'});

// Sets the content of a specific editor (my_editor in this example)
tinymce.get('my_editor').setContent(data);

// Sets the bbcode contents of the activeEditor editor if the bbcode plugin was added
tinymce.activeEditor.setContent('[b]some[/b] html', {format: 'bbcode'});

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏