关于VueTinymce二次点击无法编辑，切换页面后无法点击，刷新页面可以点击

最新推荐文章于 2024-01-04 10:55:03 发布
最新推荐文章于 2024-01-04 10:55:03 发布
阅读量1.6k 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leaning_java/article/details/121233022
版权

首先记录一下问题，VueTinymce富文本二次点击无法编辑，切换页面后无法点击，刷新页面可以点击，这是个很简单而头疼的bug啊！不过解决很简单：

然后在data 返回return 加flag:1
接着加this.flag++
就这么简单

tinymce 富文本编辑器在多个路由页面切换时不渲染内容且不能编辑要刷新才能正常显示解决方案
sw_onload的博客
09-08 6034
因为做的后台系统做了切换路由功能，使每个路由都keep-alive，使用tinymce编辑器时总是第一次打开渲染不出内容而且不能编辑，都要刷新下才能正常显示和编辑，百度找了许多方法，试了一遍后找到了对我的项目有效的办法： 首先就是给编辑器加上个key， <tinymce-editor :init="init" v-model="form.container" id="tinymce" :key="tinymceFlag"></tinymce-editor> data() {
关于tinymce富文本第二次点击无法编辑，切换页面后无法点击，刷新页面可以点击
weixin_52031155的博客
04-27 5506
无法点击时： 可以点击： 说一说最近遇到的一个大大大BUG吧，如上图所示，我点击进去一个有富文本编辑的页面，这时候我是可以编辑的，第一次点击！随后我切到了别的页面，或者我再次点击同一个页面，这时候就无法编辑了！ 好，我不慌!我找啊找解决方法，网上都说是第二次点击的时候，它的init方法不行了，才怪！ 接下里说说我的解决方法，绝对有用！！！ 首先我认为我们使用的这个富文本就如同我们调用接口使用返回数据时，我们在渲染的时候v-for要带一个key值的是一样的。 我们第一次点击进去的时候，tinymce一切正常
tinymce切换页面后不能使用
q511758643的博客
05-30 3155
多个页面都有tinymce编辑器，切换页面后编辑器不能正常使用，页面内容被清空，而且编辑器不能输入 详情见 https://www.cnblogs.com/grow-up-up/p/12961055.html
tinyce编辑器第二次点击不了的问题
m0_62838929的博客
04-07 492
/ 随机生成0-99 的随机数，以防key一样，最开始我并没有定义这个参数，直接取form.id，然后发现点击编辑关闭，再次点击进来富文本里得内容就不显示了，而且不能点击和修改，这里就是因为点击第一次取的id和第二次取的id是一样的。首先我是引入了这个tinymceEditor,重点就是这两个参数。// 只需要在methods中添加这个方法就可以了。// 新建、编辑之后。
【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面，显示空白bug不能编辑
amoureux555的博客
04-12 2768
【vue】 Tinymce 数据 回显问题 | 第一次正常回显后面，显示空白bug不能编辑
tinymce富文本编辑器中的部分内容不可编辑
byebukesi的博客
07-05 2016
老规矩，先介绍需求，防止大家看半天不知道在看什么。最近需要在文档编辑器中控制每一段的权限，包括是否显示、是否可编辑。如果你仅仅只是使用tinymce编辑器，没有自定义功能，没有改变它原有的html结构，那么你文档中的元素应该大部分都是p标签、h标签、li标签、table标签以及img标签等；如果你和我一样在编辑器内的html结构上进行了很多操作，那么你的文档结构会多出了很多div以及嵌套结构。别担心，下面分情况介绍各种解决办法。
一个vue页面引用同一个子组件两次，第二个不显示问题(已解决)
zc1713648120的博客
04-27 6909
一个页面引用同一个子组件两次，第二个不出现问题(已解决)
vue使用富文本编辑器解决方案(附代码，亲测可用)
01-06
在Vue.js应用中，集成富文本编辑器是一个常见的需求，用于提供用户友好的内容编辑界面。本教程将详细讲解如何在Vue项目中使用TinyMCE作为富文本编辑器，并提供亲测可用的代码示例。 一、TinyMCE简介 TinyMCE是一款...
VueTinymce 不让禁用
05-25
您可以在初始化VueTinymce时将disabled属性设置为false来启用它。例如： ``` v-model="content" :disabled="false" :init="{ plugins: 'link image code', toolbar: 'undo redo | bold italic | alignleft ...
VueTinymce中disabled不起作用
05-25
如果您在使用 VueTinymce 中的 `disabled` 属性时发现不起作用，可能是因为该属性并非 VueTinymce 组件的内部属性，而是 TinyMCE 编辑器的属性。因此，您需要使用 TinyMCE 的 API 来禁用编辑器。 您可以通过以下...
tinymce vue 部分工具不显示_vue富文本编辑器Tinymce使用及遇到的问题
weixin_36162906的博客
12-30 2479
先说环境，我用的是cli3, 然后安装的tinymce5，本文主要说遇到问题的解决办法，配置等就比较简单了首先安装网上有很多文章都一样，这步基本没啥问题npm install -s @tinymce/tinymce-vuenpm install -s tinymce安装完后，在node_modules/tinymce目录下找到skins 这个文件夹复制到 /public/tinymce(目录自建)...
tinymce（富文本）在vue中使用的时候，图标点击失效
qq_46119030的博客
08-17 1493
我开始用的 append-to-body 不行 ，后面改成了 modal-append-to-body，就可以了，当然我看网上没有出现过这种问题，有可能是因为elmentui，vue 和 tinymce 的版本问题。在一次使用的时候，发现富文本编辑器，图标能显示出来，但是点击没有效果，控制台也没有报错，非常奇怪。我的富文本是放在一个 dialog 弹窗上边，而弹窗是要写。经过一个单词一个单词的删除尝试，才发现问题出在遮罩层上面。希望此文章能帮助你( * ^ ▽ ^ * )网上也没有看到和我一样的问题。...
切换el-tabs标签不显示子组件tinymce原因
Jeremy Liu的博客
02-08 697
在使用el-tabs时，每个tab页都有一个tinymce组件，并且满足自定义增加、减少tabs标签；
TinyMce富文本编辑器 在Vue3 vue-vite中使用，遇到的重载和加载空白问题
最新发布
c1263779060的博客
01-04 1804
路由跳转后TinyMce富文本编辑器加载空白。el弹出框二次加载空白问题
vue+element-ui 表单的 el-input 第二次修改时无法输入
Akatsuki233的博客
07-10 3853
由于新增跟修改用的是同一个弹窗，所以当修改提交时，要清空 input 框内的值。 提交时不能只把 父对象formData 设置为空对象。即this.formData = {} 是错误的 正确的写法为this.formData = {name: '' } 原因：如果把this.formData设置为空，this.formData.name 就是 undefined，此时就会赋值不上。 ...
tinymce富文本编辑器使用遇到问题记录
qq_43409827的博客
09-19 397
卸载重现安装tinymce版本为。
vue-element-admin 富文本TINYMEC - 编辑组件第二次打开出问题记录
weixin_37651366的博客
01-25 720
问题描述： 可对每行的内容进行编辑。第一次ID=1的编辑如下图： 打开ID=2之后内容el-dialog弹窗中内容为空白，但是后台传给前端的是有内容的。 后来百度之后发现以前也有人遇到过这种问题。再次记录一下前人的解决方式。 更详细的转致：我也是借鉴的此文章，感谢此文章的作者。vue-element-admin使用Tinymce富文本插件的踩坑填坑_Queen-Shir的博客-CSDN博客vue-element-admin项目的作者已经封装好了Tinymce富文本组件，我直接在Git上下载d
element-plus的el-tabs切换后，刷新浏览器状态丢失
最是人间留不住，朱颜辞镜花辞树。
11-25 1920
原因：当浏览器刷新后，v-model绑定的数据也会重置，所以选中的状态会丢失。
Vue中使用富文本编辑器tinymce及遇到的问题
weixin_39172079的博客
12-18 7862
vue中使用tinymce项目中使用tinymcetinymce富文本编辑器说明及效果示例安装tinymce代码实现页面引入tinymce及需要使用的组件![在这里插入图片描述](https://img-blog.csdnimg.cn/2019121817311378.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值