tinymce自动获取焦点光标移至最后

tinymce官方提供的API auto_focus存在一些问题，在编辑时候如果输入框有内容auto_focus方法会自动获取焦点不过光标在最前面

我们可以调用这个函数去解决这个问题

//获取焦点光标到最后面keepLastIndex (obj, window) {if (window.getSelection) { //ie11 10 9 ff safariobj.focus(); //解决ff不获取焦点无法定位问题var range = window.getSelection(); //创建rangerange.selectAllChildren(obj); //range 选择obj下所有子内容range.collapseToEnd(); //光标移至最后} else if (document.selection) { //ie10 9 8 7 6 5var range = document.selection.createRange(); //创建选择对象range.moveToElementText(obj); //range定位到objrange.collapse(false); //光标移至最后range.select();}}
mounted () {tinymce.init({})this.$nextTick(() => {var ifra = document.getElementById("tinymces_ifr");this.keepLastIndex(ifra.contentWindow.document.getElementById('tinymce'), ifra.contentWindow)})},

不过这里还有一个问题，tinymce是iframe内嵌的文本框该函数需要接受到iframe的window才能实现，我的项目是使用的vue框架，我是单独把tinymce单独封装了一个组件我直接在mounted生命周期里调用了这个函数这样就解决了tinymce获取焦点光标在最前面的问题。

转发请带链接谢谢：https://blog.csdn.net/weixin_45938101/article/details/115247483

tinymce自动获取焦点光标移至最后相关推荐

element el-input 自动获取焦点和IE下光标位置解决方法
element el-input 自动获取焦点和IE下光标位置解决方法参考文章: (1)element el-input 自动获取焦点和IE下光标位置解决方法 (2)https://www.cnbl ...
微信小程序-输入框输入文字后，将光标移到文字中间，接着输入文字后光标又自动跳到最后...
问题描述: input输入框输入一段文字后,将光标移到文字中间,接着输入文字后光标又自动跳到最后去了. 原因: input事件中,给input框绑定任何事件后,在处理事件时 setData之后就会让光 ...
input取消焦点 vue_vue中，页面上的input框自动获取焦点及二次获取焦点问题
需求:点击button按钮,录入成功后,页面上的input框自动聚焦,快速进行下一次录入,提高效率开始尝试了几种方法都没有成功一.首先想到的用vue指令 v-focus,然而没有成功 v-mode ...
vue3输入框生成的时候自动获取焦点
vue3输入框生成的时候自动获取焦点前言当我们在做vue3的项目的时候,在对一些信息的修改的时候,需要双击或者点击按钮来进行操作,让数据变成输入框来进行修改数据,当输入框失去焦点的时候就进行保存, ...
Android的EditText自动获取焦点并弹出输入法问题
1.每次启动新的Activity的时候,输入法总是弹出来,太烦人了. 主要原因就是页面上方有个EditTexit,每次都自动获取焦点. 注意要求是:每次启动新的Activity的时候,EditTexi ...
Android取消EditText自动获取焦点默认行为
在项目中,有时候想要编辑框开始不获取焦点,当点击编辑框获得焦点时,会调到下一个Activity中. 一般情况下,一进入一个页面, EditText默认就会自动获取焦点. 解决之道:在EditText的 ...
java 将光标移至行首_Java：将条件移至消息文件
java 将光标移至行首 Java类ResourceBundle和MessageFormat提供了一个很好的工具集,用于解决Java应用程序内部的本地化消息. 这篇文章提供了一个小示例,说明如何使用C ...
angular4获得焦点事件_Angular 4 文本框自动获取焦点二
Angular是不推荐直接通过DOM操作获取元素的,要操作元素就通过@ViewChild装饰器. 在HTML中对元素添加引用myInput: 在ts中可以通过ViewChild获取指定元素的引用: i ...
android开发中EditText自动获取焦点时隐藏hint的代码
只需让EditText设置以下的OnFocusChangeListener就可以了 private OnFocusChangeListener mOnFocusChangeListener = new ...

tinymce自动获取焦点光标移至最后

tinymce自动获取焦点光标移至最后相关推荐

最新文章

热门文章