[发明专利]文本输入的控制方法、系统、电子设备和存储介质

说明书

本发明提供一种文本输入的控制方法、控制系统、电子设备和存储介质。所述控制方法包括以下步骤：获取向web页面上的文本输入框中提供的不可编辑文本内容，所述web页面上的文本输入框采用div元素实现；根据所述不可编辑文本内容创建Image对象；基于所述Image对象和所述div元素在所述文本输入框中添加所述不可编辑文本内容；以及将所述不可编辑文本内容解析为相应内容。本发明对于不可编辑文本内容，利用div元素和image对象的特性将不可编辑文本转换为div元素上的一个图像节点，从而实现文本输入框内的不可编辑文本内容。

技术领域

本发明涉及网页设计技术，具体涉及一种文本输入的控制方法、系统、电子设备和存储介质。

背景技术

网页设计时，文本输入框是开发人员经常使用的表单元素，用于获取用户输入的图文信息。相关技术中，一方面，开发人员可以采用input、text-area、div等html(hypertext markup language，超文本标记语言)标签实现文本输入框；另一方面，开发人员也可以下载富文本编辑器的源代码以实现文本输入框。通常情况下，在将表单信息提交给服务端或者其他客户端应用之前，用户可以任意修改文本输入框内的文本内容。

随着文本输入框的使用场景越来越多，文本输入框被赋予了一种新的需求：即需要文本输入框内的一些文本内容是可以随意编辑的，另一些文本内容则不可以随意编辑。然而，现有技术无法实现该需求。

发明内容

有鉴于此，本发明提供一种文本输入的控制方法、系统、电子设备和存储介质，以实现一些文本内容可以随意编辑，另一些文本内容不可以随意编辑的文本输入框。

根据本发明的第一方面，提供一种文本输入的控制方法，包括以下步骤：

获取向web页面上的文本输入框中提供的不可编辑文本内容，所述web页面上的文本输入框采用div元素实现；

根据所述不可编辑文本内容创建Image对象；

基于所述Image对象和所述div元素在所述文本输入框中添加所述不可编辑文本内容；以及

将所述不可编辑文本内容解析为相应内容。

在一个可选的实施例中，所述不可编辑文本内容被包含在第一字符串内，所述第一字符串还包含svg标签，所述根据所述不可编辑文本内容创建Image对象包括：根据所述第一字符串创建Image对象。

在一个可选的实施例中，所述控制方法还包括：对所述不可编辑文本内容进行样式设定。

在一个可选的实施例中，所述根据所述不可编辑文本内容创建Image对象包括：

在浏览器加载所述web页面时，根据所述不可编辑文本内容创建作为正本的Image对象；

在所述获取向web页面上的文本输入框中提供的不可编辑文本内容的步骤之后，克隆所述正本的Image对象，以得到作为副本的Image对象，

则基于所述Image对象和所述div元素在所述文本输入框中添加所述不可编辑文本内容所述添加到所述div元素中为：

基于所述副本的Image对象和所述div元素在所述文本输入框中添加所述不可编辑文本内容所述添加到所述div元素中。

在一个可选的实施例中，还包括：

获取向所述web页面上的文本输入框中提供的可编辑文本内容；以及

基于浏览器的默认响应将所述可编辑文本内容添加到所述文本输入框中。

在一个可选的实施例中，经由按钮向所述web页面上的文本输入框中提供所述不可编辑文本内容，通过键盘向所述web页面上的文本输入框中提供所述可编辑文本内容。