wangeditor 取消自动获取焦点

最新推荐文章于 2024-04-29 09:22:08 发布
最新推荐文章于 2024-04-29 09:22:08 发布
阅读量5.7k 收藏 3
点赞数 1
分类专栏： vue插件问题整理 文章标签： wangeditor
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyq19930325/article/details/89705544
版权

使用wangeditor 富文本编辑器的时候 在打开的页面的时候 总会自动定位到此处 有时候富文本 在底部时 也会定位到那 很不方便

在node_module 中 找到wangeditor/release/wangeditor.js 将

this.selection.createRangeByElem($last, false, true);
this.selection.restoreSelection();

注释掉
在这里插入图片描述
打包的时候 需要修改 wangeditor.min.js 将this.selection.restoreSelection() 删除

小伟0718
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
wangeditor 两个editor失焦解决办法
qq_45856865的博客
05-11 1225
一个editor编辑，一个editor展示，一编辑就失焦。
关于wangeditor富文本编辑器造成的回显焦点失去的问题
weixin_45518783的博客
10-17 5078
wangeditor富文本回显问题 在项目开发中，常常遇到回显的问题，回显过程中通过那Html 的值，通过watch 监听，将值赋给富文本中 this.editor.txt.html(n) 但是在初始话中，需要将富文本初始话两次this.editor.create() 要不会造成我们的焦点在失去，每次在中间添加完之后，焦点默认到最后一个位置 ，那么在校验的时候，需要在this.editor.cus...
Vue wangEditor介绍及使用说明和其他富文本编辑器
最新发布
我就是我是好孩子的博客
04-29 1114
wangEditor是一个轻量级 web 富文本编辑器，配置方便，使用简单。 官方文档：https://www.wangeditor.com/ 本文介绍vue如何使用wangEditor，进行这些操作（编辑富文本内容/显示内容/上传图片/删除图片）。后台数据库中保存的富文本就是html，顺便把图片的地址一并保存在里面。npm安装wangEditor： 单个Vue页面使用 后台部分 urls.py views.py 1.富文本插入表情，保存html到后台失败要使用富文本的表情图，需要设置该字段的格式为ut
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
09-03
本文给大家带来的是一款非常不错的富文本编辑器WangEditor，他最大的特点是它在ie6,7,8上都可以做到失去焦点后仍然可以在原位置插入图片，而且代码量很少，下面我们就来分析下他是如何实现的呢
关于wangeditor取消自动获取焦点
emdsdett的博客
10-18 2871
关于wangeditor取消自动获取焦点 场景提出： 在使用wangeditor富文本编辑器的时候，在打开页面的时候，总会自动定位到富文本编辑器上，影响到整体布局。 解决方案： 1.在node_module 中 找到wangeditor/release/wangeditor.js将里面的代码注释。注释： this.selection.createRangeByElem($last, false, ...
取消自动获取焦点(默认进来焦点到edittext),取消进入呼出软件盘
dibe49481448的博客
01-08 390
<LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:id="@+id/checkinlinear" android:layout_below="@id/assetnameet" ...
取消富文本wangeditor自动获取焦点
qq_39380155的博客
12-23 2463
最近有时间，就整理整理自己做过的项目~这是某学院的档案系统项目。 话不多说，进入正题 问题： 如何取消富文本wangeditor自动获取焦点这一功能 解决： 1.在wangeditor.js 中将这一段代码注释掉： this.selection.createRangeByElem($last, false, true); this.selection.restoreSelection(); 2...
wangEditor V4
01-11
wangEditor V4是一款轻量级、可定制性强的富文本编辑器，专为前端开发者设计。这个编辑器的最新版本提供了许多改进和新特性，旨在提高用户体验和开发者的集成效率。在JavaScript领域，富文本编辑器是网页应用中常见...
在vue中获取wangeditor的html和text的操作
01-21
目的：vue 中获取 wangeditor 的 html 和 text。 补充知识：vue-cli webpack 引入 wangeditor(轻量级富文本框) 1：使用npm下载： //（注意 wangeditor 全部是小写字母） npm install wangeditor 2: 直接在项目...
wangEditor
01-08
**wangEditor：一款高效易用的富文本编辑器** wangEditor是一款专为Web开发者设计的简洁、轻量级且文档齐全的富文本编辑器。它以其易于集成、高度可定制和出色的用户体验赢得了开发者们的广泛赞誉。在网页应用中，...
EditorGridPanel 自动获得焦点问题
iteye_18405的博客
02-02 283
有这样的一个需求，EditorGrid的一列需要录入条形码，在每一行第三列录完以后光标自动跳转到下一行第三列很是麻烦 扫描器扫完条形码后好像有回车的动作。 本来可以由两种方法可以实现，如下： 1、var a = Ext.getCmp("").getSelectionModel().getSelectedCell(); 得到选中单元格的数组row：a[0],col:a[1] gird.st...
wangEditor自动获取焦点
qq_30351747的博客
06-03 2190
wangEditor自动获取焦点
wangEditor取消自动聚焦的另类解决办法
weixin_44052136的博客
03-08 5906
前言：本篇文章我们将介绍使用wangEditor富文本编辑器在移动端中打开页面的时候，总会自动定位到富文本编辑器上，弹出移动端的虚拟键盘,影响到整体布局的兼容问题。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。 注：问题原因：目前发现是官方旧版本遗留下来的bug，不过官方也说的很明显了，不兼容移动端版本的。那么接下来我们就自己去寻求解决办法吧~~ 话不多说,直接上菜。 一、官方提供的API(亲测无用doge) 自动 focus 编辑器初始化时，默认会自动 focus
解决编辑框移动端不能获取焦点的问题 --- 针对 wangeditor 编辑器
overflow_mo的博客
04-18 2009
解决编辑框移动端不能获取焦点的问题 FastClick.prototype.needsClick = function (target) { if (target.className.indexOf('w-e') !== -1) { return true } if (target.parentElement) { return this.needsClick(targe...
vue中使用 wangEditor （一）(只做配置图片上传部分的说明)
weixin_43910427的博客
08-18 1178
wangEditor 的文档 1. 安装依赖 npm i wangeditor --save 2. 引入依赖 import E from "wangeditor"; 3. 初始化设置 // graphicDetails 是用来放置这个富文本的容器id initEditor(row){ editor = new E("#graphicDetails"); // 或者 const editor = new E( document.getElemen
wangEditor富文本图片上传使用记录
NaiCha81的博客
11-16 171
setEditor() { var E = window.wangEditor var editor = new E('#div1') editor.config.showLinkImg = false editor.config.uploadImgServer = "" //配置上传到服务器地址 editor.config.debug = true; editor.config.uploadImgShowBase64 = false editor.config.uploadFi
vue中wangEditor的使用及回显数据获取焦点
qq_45094682的博客
09-17 3748
在做后台管理项目时常常会用到富文本编辑器，在这里推荐大家使用wangEditor，非常好用 第一步安装 npm i wangeditor --save 第二步在项目中使用 html 页面中的编辑、添加布局在最下面 <div id="div1"> <p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p> </div> <el-button type="primary" @click="createD
vue中使用wangeditor富文本编辑器
前端小白成长记
02-14 816
vue中使用wangeditor富文本编辑器
wangeditor 获取内容
02-23
WangEditor是一款基于JavaScript的富文本编辑器，用于在网页中编辑和展示富文本内容。要获取WangEditor编辑器中的内容，可以通过以下步骤进行操作： 1. 在HTML页面中引入WangEditor的相关文件，包括CSS和JavaScript文件。 2. 创建一个div元素作为编辑器的容器，并设置一个唯一的id属性。 3. 在JavaScript代码中，使用该id属性初始化WangEditor编辑器，并将其赋值给一个变量，以便后续操作。 4. 使用该变量调用编辑器对象的getContent方法，即可获取编辑器中的内容。 下面是一个简单的示例代码： HTML部分： ```html <div id="editor"></div> <button onclick="getContent()">获取内容</button> ``` JavaScript部分： ```javascript var editor = new wangEditor('#editor'); editor.create(); function getContent() { var content = editor.txt.html(); console.log(content); } ``` 在上述示例中，点击"获取内容"按钮时，会调用getContent函数，该函数通过editor.txt.html()方法获取编辑器中的HTML内容，并将其打印到控制台。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值