tinyMCE的tinyMCE.activeEditor.setContent()无效，不起作用

最新推荐文章于 2023-02-16 17:04:35 发布
原创 最新推荐文章于 2023-02-16 17:04:35 发布 · 5.9k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

本文介绍了解决tinyMCE编辑器初始化后无法正确设置内容的问题。通过在初始化回调中调用setContent方法，确保了内容能被正确加载。

在tinyMCE初始化后使用tinyMCE.activeEditor.setContent()给编辑器添加后台获取来的数据时报错：Uncaught TypeError: Cannot read property 'setContent' of null

报错是因为tinyMCE为null，所以无法给编辑器添加内容，解决的办法是在tinyMCE初始化时的回调函数里使用tinyMCE.activeEditor.setContent()给编辑器添加内容

回调那一行的代码：init_instance_callback:"initData",回调函数的参数instance为tinyMCE的实例，对instance的操作要在tinyMCE的实例instance不为null的时候操作，不然如果instance为null，js就会报错，停止往下走。

Django模板为Tinymce赋值 换行无法识别的问题
Nty268的博客
11-11 806
linebreaksbr 将换行符替换成br标签，使得多行文本拼接成单行字符串。replaceAll()将所有br标签去除，还原成原汁原味的文本。赋值内容存在多行，而不是单一的一行字符串，，这两个过滤器处理后，赋值的原文会出现。就可以成功对tinyMCE赋值。
Vue中使用tinymce富文本编辑器
黑玫瑰
07-15 2324
tinyMCE.activeEditor.selection.setContent(`<span style="color:red">{total_score}</span>`) 在光标处插入内容 otalScore() { tinymce.activeEditor.execCommand('mceInsertContent',false,`<span style="color:red">{total_score}</span&g.
使用tinymce的 tinymce.activeEditor.setContent()方法设置内容时，不生效
qq_41878431的博客
05-11 3497
直接设置不生效 tinymce.activeEditor.setContent("内容") 需要设置定时器： setTimeout(() => { tinymce.activeEditor.setContent("内容") }, 1000);
Vue中window.tinymce.get(this.tinymceId).setContent(value)语句为什么偶尔会失效
weixin_42605397的博客
02-16 970
Vue中执行语句 window.tinymce.get(this.tinymceId).setContent(value) 可能偶尔会失效的原因有很多。以下是一些可能的原因： this.tinymceId 变量的值发生变化。如果 this.tinymceId 的值不正确，那么 window.tinymce.get(this.tinymceId) 就会返回 undefined，从而导致 setCo...
获取和设置tinyMCE 4编辑器的内容
qq_31971935的博客
03-24 2155
对于tinymce编辑器是无法通过js进行内容的读写的，必须使用编辑器自身的方法才行，下面是一些方法，希望能对用到的朋友有所帮助： 1、如果当前页面只有一个编辑器： 获取内容：tinyMCE.activeEditor.getContent() 设置内容：tinyMCE.activeEditor.setContent(“需要设置的编辑器内容”) 2、如果当前页面有多个编辑器（下面的“[0...
对话框内嵌Tinymce富文本插件再次打开数据不变且不可编辑
qq_42527053的博客
01-06 1324
由于富文本不适合双向数据流，所以只会 watch 传入富文本的内容一次变化，之后传入内容的变化就不会再监听了，如果之后还有改变富文本内容的需求。可以通过 this.refs.xxx.setContent() 手动来设置。上面为 vue-element-admin 官方文档中的解释实际使用先打印 this.refs.xxx 视打印结果来看是具体用法，下面代码打印出来显示是一维数组，故 this.$refs.editor[0]。
tinyMCE方法调用
03-19
tinyMCE.activeEditor.setContent('<h1>Hello World!</h1>'); ``` 4. 获取选区内容：`tinyMCE.activeEditor.selection.getContent()` 获取当前选区的内容，可以是HTML或者纯文本。 ```javascript var ...
在react 中使用tinyMce富文本编辑器
山外小楼
02-19 5447
1.加载缓慢，白屏问题。 最开始使用tinyMce的时候发现第一次加载巨慢，查了一下资料后发现一句话，tinyMce在首次加载的时候会在全局查找tinyMce这个变量，如果没有找到就会请求云服务器的tinyMce资源，个人认为应该是这个原因导致的，而导致这个问题的原因是因为开始没有导入 import tinyMce from 'tinymce/tinymce'; ，最开始只导入了 import { Editor } from '@tinymce/tinymce-react'; 在知道这个问题后
tinymce 富文本编辑器 关于“This domain is not registered with TinyMCE Cloud. Start a free trial to discover ”
08-29 1万+
tinymce的介绍就不多少了，之所以用这个，是因为首先操作丰富，另外主要原因是向百度ueditor开源的富文本编辑器都基本好几年不维护了，所以不使用。 tinymce的github地址为https://github.com/tinymce/tinymce 指导文档https://www.tiny.cloud/docs/ 是英文的 不过按照例子的代码实验一下发现，会出现一个对话框的通知，...
TinyMCE提交AjaxForm获取不到数据的解决方法
12-13
本文实例分析了TinyMCE提交AjaxForm获取不到数据的解决方法。分享给大家供大家参考。具体分析如下： 在没有使用AjaxForm前，我做的一个小小的评论提交的Web form，评论内容使用了TinyMCE做文本编辑。为了增加一点点的用户体验，就顺手拿AjaxForm来实现Ajax提交。可是发现出现了一个意外的事情。就是每次提交，第一次提交时，AjaxForm会无法获得当前编辑的评论内容，即TextArea里面的内容，要再点击一次提交，才能将TextArea的内容提交上去。 关键是TinyMCE上的内容没有在提交前更新到TextArea中。于是想看看AjaxForm是否有在提交前的事件绑
tinymce富文本组件的主动赋值
Jeremy Liu的博客
02-09 1840
tinymce组件的可实现自定义富文本，同时也要实现将数据插入到组件文本域中。通过tinymce.activeEditor.setContent(val)给组件赋值
tinymce富文本编辑器的使用
热门推荐
weixin_44867717的博客
12-03 1万+
富文本
Tinymce富文本使用教程
Code Writers
01-09 3044
upfilepluginminjsupfilepluginminjsupfile是我自定义插件名称，位置tinymcepluginsupfiletinymcepluginsupfilewwwtinyclouddocsapitinymcetinymceaddonmanagerwwwt。
如何将之前编辑的文章HTML源代码导入到TinyMCE编辑器中
weixin_43825127的博客
12-11 2569
如果你想用TinyMCE来修改你之前写的文章那么你需要将源代码放到TinyMCE中，如果服务器把HTML源码发给我们可是我们应该怎样调用？ 方法为使用tinymce.activeEditor.setContent()这个函数 具体用法为： tinymce.activeEditor.setContent() //设置TinyMCE编辑器里的内容源代码 tinymce.active...
tinymce 获取/设置内容
寂寥人生
07-02 1826
获取 tinyMCE.activeEditor.getContent() editor.getContent(); //取纯文本 editor.getContent({'format':'text'}) 设置 editor.setContent('text'); tinyMCE.activeEditor.setContent('222');
关于tinymce富文本编辑器获取文本内容和设置文本内容
yuzenan的博客
05-16 8323
1、一个编辑器： 获取内容：tinymce.activeEditor.getContent() 设置内容：tinymce.activeEditor.setContent(“需要设置的编辑器内容”) 2、多个编辑器（下面的“[0]”表示第一个编辑器，以此类推）： 获取内容：tinymce.editors[0].getContent() 设置内容：tinymce.editors[0].set...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值