买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!
申请/专利权人:海看网络科技(山东)股份有限公司
摘要:本发明涉及一种确定vue环境下富文本编辑器中光标在行首的方法,涉及编辑器光标定位技术领域。本申请利用富文本编辑器提供的方法获取到当前光标的在窗口中的第一窗口位置信息,利用富文本编辑器提供的方法获取当前光标前一个元素在窗口中的第二窗口位置信息,第一和第二窗口位置信息包含各自光标如下参数:高度、宽度、上边距离页面顶部的距离、下边距离页面顶部的距离、左边距离页面左侧的距离和右边距离页面左侧的距离;通过对比第二窗口位置信息和第一窗口位置信息之间的偏移度确定当前光标是否在行首。本申请无需监听对光标是否在首行进行确定,节省了大量的资源开销,使得页面流畅度进一步提升,给与用户良好的操作体验。
主权项:1.一种确定vue环境下富文本编辑器中光标在行首的方法,其特征在于,包括:利用被引入到基于vue的web项目的富文本编辑器提供的方法获取到当前光标的在窗口中的第一窗口位置信息,包括:对于当前光标,按照默认参数执行富文本编辑器窗口提供的getSelection方法获取当前光标之前的全部文本,并作为当前光标Dom对象;执行当前光标Dom对象自带方法getRangeAt0来获取当前光标范围;执行当前光标范围的原生方法getBoundintClientRect来获取到当前光标在窗口中的显示区域并返回当前光标的在窗口中的第一窗口位置信息;其中,所述第一窗口位置信息包含:当前光标自身的高度、宽度、当前光标上边距离页面顶部的距离、当前光标下边距离页面顶部的距离、当前光标左边距离页面左侧的距离和当前光标右边距离页面左侧的距离;利用富文本编辑器提供的方法获取当前光标前一个元素在窗口中的第二窗口位置信息,包括:当前光标前移一位,使得变动后光标占据当前光标前一个元素的位置;对于变动后光标,按照默认参数执行富文本编辑器窗口提供的getSelection方法获取变动后光标之前的全部文本,并作为变动后光标Dom对象;执行变动后光标Dom对象自带方法getRangeAt0来获取变动后光标范围;执行变动后光标范围的原生方法getBoundintClientRect来获取到变动后光标在窗口中的显示区域并返回变动后光标的在窗口中的窗口位置信息,即得到当前光标前一个元素在窗口中的第二窗口位置信息;将变动后光标后移一位复位;其中,所述第二窗口位置信息包含:变动后光标自身的高度、宽度、变动后光标上边距离页面顶部的距离、变动后光标下边距离页面顶部的距离、变动后光标左边距离页面左侧的距离和变动后光标右边距离页面左侧的距离;通过对比第二窗口位置信息和第一窗口位置信息之间的偏移度确定当前光标是否在行首。
全文数据:
权利要求:
百度查询: 海看网络科技(山东)股份有限公司 确定vue环境下富文本编辑器中光标在行首的方法
免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。