[发明专利]一种用于文本输入框编辑上下标的方法及系统在审
申请号: | 202110163272.3 | 申请日: | 2021-02-05 |
公开(公告)号: | CN112818637A | 公开(公告)日: | 2021-05-18 |
发明(设计)人: | 蔡妙燕 | 申请(专利权)人: | 深圳市世强元件网络有限公司 |
主分类号: | G06F40/111 | 分类号: | G06F40/111;G06F40/143;G06F40/166 |
代理公司: | 深圳市瑞方达知识产权事务所(普通合伙) 44314 | 代理人: | 郭方伟 |
地址: | 518000 广东省深圳市龙岗区坂田街道雪岗路*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 用于 文本 输入 编辑 上下 标的 方法 系统 | ||
1.一种用于文本输入框编辑上下标的方法,其特征在于,包括以下步骤:
S1:根据获取到的内容编辑指令,将文本输入框转换为可编辑html的编辑框;
S2:获取在编辑框中选中的需要设置为上标或下标的文本内容;
S3:根据获取到的上下标快捷指令,将需要设置为上标或下标的文本内容转换为html上标或html下标;
S4:将html上标或html下标回填至编辑框中与需要设置为上标或下标的文本内容对应的位置。
2.根据权利要求1所述的用于文本输入框编辑上下标的方法,其特征在于,所述将文本输入框转换为可编辑html的编辑框,包括:
通过创建一个contenteditable属性的值为true的div元素来替换文本输入框。
3.根据权利要求1所述的用于文本输入框编辑上下标的方法,其特征在于,所述将需要设置为上标或下标的文本内容转换为html上标或html下标,包括:
根据获取到的上标快捷指令,将需要设置为上标的文本内容test转换为html下的上标文本suptest/sup;
或者,
根据获取到的下标快捷指令,将需要设置为下标的文本内容test转换为html下的下标文本subtest/sub。
4.根据权利要求1所述的用于文本输入框编辑上下标的方法,其特征在于,所述方法还包括:
S5:获取在编辑框中选中的需要取消作为上标或下标的文本内容。
S6:根据获取到的上下标快捷指令,将需要取消作为上标或下标的文本内容转换为普通文本;
S7:将普通文本插入至编辑框中与需要取消作为上标或下标的文本内容对应的位置。
5.根据权利要求4所述的用于文本输入框编辑上下标的方法,其特征在于,所述将需要取消作为上标或下标的文本内容转换为普通文本,包括:
将需要取消作为上标的文本suptest/sup和取消作为下标的文本suptest/sup的标签删除,保留文本内容test。
6.一种用于文本输入框编辑上下标的系统,其特征在于,包括:
可编辑模块,用于根据获取到的内容编辑指令,将文本输入框转换为可编辑html的编辑框;
文本选中模块,获取在编辑框中选中的需要设置为上标或下标的文本内容;
上下标转换模块,用于根据获取到的上下标快捷指令,将需要设置为上标或下标的文本内容转换为html上标或html下标;
上下标回填模块,用于将html上标或html下标回填至编辑框中与需要设置为上标或下标的文本内容对应的位置。
7.根据权利要求6所述的用于文本输入框编辑上下标的系统,其特征在于,所述将文本输入框转换为可编辑html的编辑框,包括:
通过创建一个contenteditable属性的值为true的div元素来替换文本输入框。
8.根据权利要求6所述的用于文本输入框编辑上下标的系统,其特征在于,所述上下标转换模块包括:
上标转换模块,根据获取到的上标快捷指令,将需要设置为上标的文本内容test转换为html下的上标文本suptest/sup;
下标转换模块,根据获取到的下标快捷指令,将需要设置为下标的文本内容test转换为html下的下标文本subtest/sub。
9.根据权利要求6所述的用于文本输入框编辑上下标的系统,其特征在于,所述系统还包括:
上下标选中模块,用于获取在编辑框中选中的需要取消作为上标或下标的文本内容;
文本转换模块,用于根据获取到的上下标快捷指令,将需要取消作为上标或下标的文本内容转换为普通文本;
文本回填模块,用于将普通文本插入至编辑框中与需要取消作为上标或下标的文本内容对应的位置。
10.根据权利要求9所述的用于文本输入框编辑上下标的系统,其特征在于,所述将需要取消作为上标或下标的文本内容转换为普通文本,包括:
将需要取消作为上标的文本suptest/sup和取消作为下标的文本suptest/sup的标签删除,保留文本内容test。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于深圳市世强元件网络有限公司,未经深圳市世强元件网络有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110163272.3/1.html,转载请声明来源钻瓜专利网。