首页 > 其他分享 >如何将之前编辑的文章HTML源代码导入到TinyMCE编辑器中

如何将之前编辑的文章HTML源代码导入到TinyMCE编辑器中

时间:2024-04-03 18:23:59浏览次数:19  
标签:导入到 TinyMCE tinymce 编辑器 HTML activeEditor 源代码

如何将之前编辑的文章HTML源代码导入到TinyMCE编辑器中

 

如果你想用TinyMCE来修改你之前写的文章那么你需要将源代码放到TinyMCE中,如果服务器把HTML源码发给我们可是我们应该怎样调用?

方法为使用 tinymce.activeEditor.setContent()这个函数

具体用法为:

 tinymce.activeEditor.setContent()   //设置TinyMCE编辑器里的内容源代码
 
 tinymce.activeEditor.getContent()   //获取TinyMCE编辑器里的内容源代码
JAVASCRIPT 复制 全屏

可是我们发现直接放到HTML文件里执行无法获取到这个函数,这是因为TinyMCE这个时候还没有初始化完成,也就是说我们还无法调取这个函数,必须要等到TinyMCE彻底初始化完成后才能调用,所以我们这里有两种写法获取初始化完成的消息。

//第一种:
//使用setup
var data = "<p>这是一个P标签</p><h1>这是一个H1标签</h1><p><em>这是一个斜体字</em></p>";
tinymce.init({
            selector: '#mytextarea',
            setup: function (editor) {
                editor.on('init', function (e) {
                    console.log('初始化完成');
                    tinymce.activeEditor.setContent(data);
                });
            }
        })
 
//________________________________________________________________________________________
 
//第二种
//使用.then回调函数
var data = "<p>这是一个P标签</p><h1>这是一个H1标签</h1><p><em>这是一个斜体字</em></p>";
tinymce.init({
            selector: '#mytextarea',
        }).then(resolve => {
           tinymce.activeEditor.setContent(data);
        });

标签:导入到,TinyMCE,tinymce,编辑器,HTML,activeEditor,源代码
From: https://www.cnblogs.com/sexintercourse/p/18113302

相关文章