CN102981847B - The browser that page text frame is processed and method - Google Patents

Abstract

The invention discloses a kind of browser that page text frame is processed, comprising: the DOM object handles module of at least one text box element, is arranged on browser side, and wherein each object handles block configuration is the customized treatment storing text box element; Modular converter, is configured to load in browser side obtain the page, and resolves the text box element obtained in the page, text frame element is converted to DOM object; Customized treatment module, the customized treatment that the DOM object handles module being configured at least one the text box element calling setting is arranged at least one the text box element in the DOM object of conversion; Display module, is configured to customized treatment result be presented on the text box element in the acquisition page.Adopt the present invention can provide presenting of improvement and processing mode to text box element, add the interactive performance of the page.The invention also discloses the method that corresponding browser processes page text frame.

Description

Browser and method for processing page text box

technical field

The invention relates to the field of network applications, in particular to a browser for processing a page text box and a method for processing the page text box by using the browser.

Background technique

With the rapid development of the Internet, Internet-based applications and information also show explosive growth. A web browser provides Internet users with a way to access network information and use network applications. This method has strong applicability, and more and more users have become accustomed to obtaining various information and using various applications through a web browser. Web information and application providers provide web pages written in a language such as HTML (Hypertext Markup Language), and web browsers present these web pages at users, so that users of web browsers can obtain relevant information. With the rapid development of network technology, the content presented by the web browser is becoming more and more abundant, so the presentation function of the web browser is becoming more and more powerful and important. Currently common web browsers include Microsoft's Internet Explorer, Mozilla Firefox, Google's Chrome, Opera, Apple's Safari, and the like.

In related technologies, a web browser utilizes a rendering engine (Rendering Engine) to interpret content (such as HTML, JavaScript) in a web page and render (display) the web page. The rendering engine determines how the browser displays the content of the web page and the formatting information of the page. Different rendering engines interpret web page writing syntax differently, so the rendering (display) effect of the same web page in browsers with different rendering engines may also be different.

At present, the rendering engine of the web browser performs rendering by converting each element in HTML and js code into a DOM model. When converting, the entire HTML document is constructed as a DOM tree, each element in the HTML is converted into an object in the DOM tree, and the relationship between objects is constructed as the relationship between nodes and sub-nodes, by using related objects methods for addressing and manipulating these objects. The DOM model already has many common specifications and definitions.

When a web browser processes an HTML page, the rendering engine in the browser analyzes the language of the HTML page, processes it into a DOM model, and then utilizes the DOM model to construct an internal structure for displaying the page in the browser. DOMAPI also provides an interface for monitoring or modifying web pages to js code.

The rendering engine introduces an event-based mechanism to handle DOM objects. Each DOM object has a number of events associated with it, and these events can be fired. For example, the rendering engine analyzes the JS code in the webpage, and associates the corresponding JS code with an event, so that when a specific event is triggered, the corresponding JS code is executed.

However, in current web browsers, the rendering engine usually only controls the corresponding DOM objects according to the JS code in the HTML webpage. Therefore, it is difficult for the user to perform custom rendering on the DOM objects, that is, each element in the webpage, when using the browser.

A text area (textarea) is an element suitable for entering a large amount of text in a web page. Currently, many network application providers use the textarea element to provide users with interfaces for inputting personal profiles and comments. With the increase of user interaction, the application of textarea is becoming more and more extensive. When an existing web browser displays a textarea input box (textarea), under the control of javascript code and css, the number of columns and columns of the textarea, the size, font and position of the text entered in the textarea can be specified. However, the display modes of the characters in the text area input boxes are consistent, and it is difficult to specify different fonts for different characters, and it is also difficult to input multimedia information such as tables, images, and audio in the text boxes. Therefore, it is currently necessary to improve the rendering and processing methods of the textarea in order to provide richer input and rendering methods.

Contents of the invention

In view of the above problems, the present invention is proposed to provide a browser for processing page text boxes and a corresponding browser method for processing page text boxes, which overcome the above problems or at least partially solve the above problems.

According to one aspect of the present invention, there is provided a browser for processing page text boxes, including: at least one DOM object processing module of a text box element, which is arranged on the browser side, wherein each object processing module is configured to store Custom processing of text box elements; the conversion module is configured to load the acquisition page on the browser side, and parse the text box elements in the acquisition page, and convert the text box elements into DOM objects; the custom processing module is configured to call settings The DOM object processing module of at least one text box element performs custom processing on at least one text box element in the converted DOM object; the display module is configured to display the custom processing result on the text box element in the acquisition page.

Optionally, the custom processing module is also configured to obtain the position information of the text box element on the browser page from the converted DOM object; according to the position information, an overlapping block-level layer is generated on the text box element; on the block-level layer, calling the DOM object processing module of the at least one set text box element to perform custom processing of setting the at least one text box element in the converted DOM object.

Optionally, the display module is further configured to display the customized processing result on a block-level layer located on the text box element of the acquisition page.

Optionally, when the block-level layer includes a div layer, the display module is further configured to acquire content information generated by text box elements after customization; decode the content information, and display the decoded content information on the div layer.

Optionally, the above browser further includes: a query module configured to query from the object processing registry whether there is a DOM object processing module that processes the text box element in the browser, wherein at least one DOM object processing module is registered in the object processing registry Object processing module.

Optionally, at least one DOM object processing module stores a processing method for processing the event ContentReady triggered when the loading of the text box element is completed.

Optionally, the processing method includes at least one of the following: setting different fonts for different characters in the text box element; inputting a table in the text box element; inputting an image in the text box element; inputting multimedia information in the text box element.

Optionally, the multimedia information includes audio and/or video.

Optionally, when the block-level layer includes a div layer, the custom processing module is also configured to call the innerText property of the text box element; call the set DOM object processing module of at least one text box element to redefine the innerText property; the text box element The redefined innerHTML property is returned to the div layer.

Optionally, the redefinition operation includes: onblur or onSubmit processing.

According to another aspect of the present invention, a kind of browser processing method of page text box element is provided, the DOM object processor of at least one text box element is set on the browser side, wherein each object processor is stored with the text box element Customized processing, the method includes: loading the acquired page on the browser side, parsing the text box element in the acquired page, and converting the text box element into a DOM object; calling the set DOM object processor of at least one text box element Perform custom processing for setting at least one text box element in the transformed DOM object; display the custom processing result on the text box element in the acquisition page.

Optionally, call the DOM object processor of the at least one text box element that is set to perform custom processing for setting at least one text box element in the converted DOM object, including: obtaining the text box element from the converted DOM object on the browser page on the position information; according to the position information, generate an overlapping block-level layer on the text box element; on the block-level layer, call the set DOM object processor of at least one text box element to convert at least one text in the DOM object Box elements to set custom handling.

Optionally, displaying the customized processing result on the text box element in the acquisition page includes: displaying the customized processing result on a block-level layer located on the text box element in the acquisition page.

Optionally, when the block-level layer includes a div layer, displaying the customized processing result on the text box element in the acquisition page includes: acquiring the content information generated by the text box element after the customized processing; decoding the content information, and The decoded content information is displayed on the div layer.

Optionally, before calling the set DOM object processor of at least one text box element to perform custom processing on at least one text box element in the converted DOM object, it includes: querying from the object processing registry whether there is A DOM object processor for processing text box elements, wherein at least one DOM object processor is registered in the object processing registry.

Optionally, at least one DOM object processor stores a processing method for processing the event ContentReady triggered when the loading of the text box element is completed.

Optionally, the processing method includes at least one of the following: setting different fonts for different characters in the text box element; inputting a table in the text box element; inputting an image in the text box element; inputting multimedia information in the text box element.

Optionally, the multimedia information includes audio and/or video.

Optionally, when the block-level layer includes a div layer, calling the set DOM object processor of at least one text box element to perform custom processing for setting at least one text box element in the converted DOM object includes: calling the text box element innerText attribute; call the DOM object processor of at least one set text box element to redefine the innerText attribute; return the redefined innerHTML attribute of the text box element to the div layer.

Optionally, the redefinition operation includes: onblur or onSubmit processing.

Optionally, when the browser is an IE browser, the client where the browser is located sets the first interface IElementBehaviorFactory, the second interface IElementBehavior and the third interface IDocHostUIHandler in the WebBrowser plug-in, wherein the first interface and the second interface are used to call each DOM object processor, the third interface is used to register each DOM object processor in the object processing registry; call the DOM object processor of at least one text box element, including: the kernel engine provides according to the client where the browser is located The behavior name BehaviorName, calls the DOM object processor of at least one text box element connected to the first interface through the second interface; and when the kernel engine loads the corresponding page element according to the page element identifier TAG provided by the client, call the element Behavior notification method, which notifies the client of the loading status of page elements.

Optionally, the kernel engine calls the DOM object processor of at least one text box element set, including: the kernel engine is associated with the fourth interface IElementBehaviorSite provided by the acquisition page, and when it is determined through the fourth interface that the text box element has been customized, call The corresponding DOM object handler.

In the embodiment of the present invention, for each DOM object analyzed by the text box element, a DOM object processing module for customizing it is provided on the network side, and in the process of obtaining the page, the DOM object processing module is used to process the DOM Object for custom handling of settings. Since at least one DOM object processing module can store at least one custom processing method, at least one processing can be performed on the text box element, and then different elements in the text box element can be adjusted to present different states. It can be seen that, using the browser for processing the page text box provided by the embodiment of the present invention, different DOM objects in the text box element can be processed separately, and the text box element presented thus can realize personalized customization processing, for example , different fonts and different colors can be specified for different characters, and for example, multimedia information such as tables, images, audio and video, etc. can be input in the text box element. It ensures that the text box elements are not fixed according to the requirements of network applications and information providers, thereby realizing the purpose that users can customize the content presented by the text box elements, satisfying different user preferences, and improving user experience experience.

The above description is only an overview of the technical solution of the present invention. In order to better understand the technical means of the present invention, it can be implemented according to the contents of the description, and in order to make the above and other purposes, features and advantages of the present invention more obvious and understandable , the specific embodiments of the present invention are enumerated below.

Description of drawings

Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiment. The drawings are only for the purpose of illustrating a preferred embodiment and are not to be considered as limiting the invention. Also throughout the drawings, the same reference numerals are used to designate the same components. In the attached picture:

Fig. 1 shows a schematic structural diagram of a browser for processing a page text box according to an embodiment of the present invention;

Fig. 2 shows a processing flowchart of a method for a browser to process a page text box element according to an embodiment of the present invention;

FIG. 3 shows a process flow diagram of customizing at a block level according to an embodiment of the present invention; and

Fig. 4 shows a schematic structural diagram of a browser for processing a page text box according to an embodiment of the present invention.

Detailed ways

Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited by the embodiments set forth herein. Rather, these embodiments are provided for more thorough understanding of the present disclosure and to fully convey the scope of the present disclosure to those skilled in the art.

It is mentioned in the related art that the display methods of the text in the input box of the text area are consistent, it is difficult to specify different fonts for different text, and it is also difficult to input multimedia information such as tables, images and audio in the text box. Therefore, it is currently necessary to improve the rendering and processing methods of the textarea in order to provide richer input and rendering methods.

Since the text box element is presented in the browser, the embodiment of the present invention provides a browser capable of processing the page text box, and the browser is used to improve the presentation and processing of the text box element. In this example, the processing method of the text box element is changed, and a DOM object processing module is provided for the text box element, and each object processing module stores the customized processing of its corresponding text box element. During implementation, the text box element can be processed in different customized processing ways to realize rich input and presentation modes of the text box element.

Fig. 1 shows a schematic structural diagram of a browser for processing page text boxes according to an embodiment of the present invention. The browser includes a DOM object processing module 110 for at least one text box element, a conversion module 120 , a customization processing module 130 and a display module 140 .

Wherein, the DOM object processing module 110 includes at least one, and is preset on the browser side, and each DOM object processing module 110 stores the customized processing of the text box element. The number of DOM object processing modules can be 1, 2, 3, 4, 5 or more, and the specific number is determined according to the number of specific DOM objects and the number of customized processing. In Fig. 1, for the sake of illustration, it is set to three.

When processing an acquired page, the conversion module 120 first loads the acquired page on the browser side. Considering that pages and page elements cannot be processed directly, the conversion module 120 parses the text box elements in the acquired page, and converts the text box elements into DOM objects for subsequent processing by the customization processing module 130 .

Referring to FIG. 1 , the customization processing module 130 is coupled to the conversion module 120 and the DOM object processing module 110 of at least one text box element preset in the browser. After the parsing and conversion operations on the text box elements are completed, the conversion module 120 will call the DOM object processing module 130 of at least one text box element to perform custom processing for setting at least one text box element in the converted DOM object.

Wherein, the display module 140 is coupled to the customization processing module 130 . After the customization processing operation of the customization processing module 130 is completed, the display module 140 displays the customization processing result on the text box element in the acquisition page.

In the embodiment of the present invention, for each DOM object analyzed by the text box element, a DOM object processing module for customizing it is provided on the network side, and in the process of obtaining the page, the DOM object processing module is used to process the DOM Object for custom handling of settings. Since at least one DOM object processing module can store at least one custom processing method, at least one processing can be performed on the text box element, and then different elements in the text box element can be adjusted to present different states. It can be seen that, using the browser for processing the page text box provided by the embodiment of the present invention, different DOM objects in the text box element can be processed separately, and the text box element presented thus can realize personalized customization processing, for example , different fonts and different colors can be specified for different characters, and for example, multimedia information such as tables, images, audio and video, etc. can be input in the text box element. It ensures that the text box elements are not fixed according to the requirements of network applications and information providers, thereby realizing the purpose that users can customize the content presented by the text box elements, satisfying different user preferences, and improving user experience experience.

As mentioned above, the customization processing module 130 can call the DOM object processing module 110 of at least one text box element. Preferably, the customization processing module 130 first obtains the position information of the text box element on the browser page from the converted DOM object. Further, the customization processing module 130 can generate overlapping block-level layers on the text box element according to the acquired position information. Subsequently, on the overlapping block-level layer, the customization processing module 130 invokes the DOM object processing module 110 of the set at least one text box element to perform customization processing on setting the at least one text box element in the converted DOM object. After the overlapping block-level layer is set, the customization processing of the text box element is performed on the block-level layer instead of the text box element itself, which not only protects the originality and authenticity of the text box element itself, but also can Corresponding processing is performed on the text box element so that its rendering effect can meet the personalized customization of the user.

When the customization processing module 130 performs customization processing on the text box element on the overlapping block-level layer, the display module 140 may display the customization processing result on the block-level layer on the text box element of the acquired page.

Preferably, when the block-level layer provided by the embodiment of the present invention includes a div layer, the display module 140 obtains the content information generated by the text box element after customization processing from the customization processing module 130, and decodes the content information, and decodes the decoded Content information is displayed on the div layer.

Among them, for the call operation of the DOM object processing module 110, the custom processing module 130 needs to know the address of each DOM object processing module 110, and then make a corresponding call. If there are many DOM object processing modules and the storage addresses are relatively dispersed, There will be certain difficulty in invoking the custom processing module 130 . A kind of preferred calling mode is provided now, in this example, object processing registry is set, register the registration information of all DOM object processing modules in this form, the registration information here can comprise the storage address of each DOM object processing module, Each DOM object handles the module's custom actions, whether it is being called, etc. Correspondingly, referring to FIG. 1 , the browser for processing page text boxes provided by the embodiment of the present invention further includes a query module 160 . The query module 160 is coupled with the customization processing module 130, and queries whether there is a DOM object processing module for processing text box elements in the browser from the object processing registry. After the query is completed, the query module 160 notifies the customization processing module 130 of the query result, and the customization processing module 130 calls the corresponding DOM object processing module 110 according to the query result.

For each DOM object, there are at least two events, one is the event ContentReady that is triggered when the DOM object has been loaded, and the other is the event DocumentReady that is triggered when the entire HTML has been loaded. Since the embodiment of the present invention only processes the text box element, it only involves the event ContentReady triggered when the DOM object has been loaded. Preferably, at least one DOM object processing module provided by the embodiment of the present invention stores a processing method for processing the event ContentReady triggered when the loading of the text box element is completed.

Different custom processing methods for text box elements are stored in each DOM object processing module. The processing methods stored here can be any processing methods that can process text box elements. For example, the processing methods can be in terms of fonts, It can also be in terms of images and so on. Preferably, the processing method can be to set different fonts, colors, shadows, text blocks, etc. for different characters in the text box element, and it is also possible to input a table in the text box element, or to input an image in the text box element, or to Multimedia information can be entered in the text box element. Wherein, the multimedia information includes audio and/or video. The processing methods provided in this example can be used singly or in combination. Moreover, the processing method provided in this example is an example, and is not limited to the processing method provided in this example, and any processing method that can realize the processing of the text box element may be used.

Now, a specific embodiment will be used to elaborate and illustrate the situation when the set overlapping block-level layers include a div layer.

For the textarea, the rendering engine of the web browser includes a specific processor for the textarea (that is, the DOM object processing module), which at least specifies the processing method for processing the event ContentReady that is triggered when the DOM object has been loaded. .

During implementation, the location information of the textarea is first obtained by the customization processing module 130 . Then, the customized processing module 130 overlaps a div layer on the textarea area, and sets various attributes of the div layer. Since the div layer is superimposed on the textarea, the div layer receives and processes the interaction events in advance. Further, the display module 140 acquires the content in the textarea, decodes the content of the textarea, and displays it on the div layer.

Preferably, the customization processing module 130 calls the innerText attribute of the text box element, calls the DOM object processing module 110 of at least one text box element set to redefine the innerText attribute, and returns the redefined innerHTML attribute of the text box element to div layer. Wherein, the redefinition operation in this example includes: the processing method of onblur or onSubmit.

The above-mentioned frameworks of various parts of the browser for processing page text boxes are provided according to their functions, and the actual framework is not limited to the above-mentioned parts, but may also include other parts, modules, devices, and the like.

FIG. 2 shows a processing flowchart of a method for a browser to process a page text box element according to an embodiment of the present invention. In this example, at least one DOM object handler of the text box element is set on the browser side, wherein each object handler stores custom processing of the text box element. The method includes step S202 to step S206.

Step S202, loading the acquired page on the browser side, and analyzing the text box element in the acquired page, and converting the text box element into a DOM object.

Step S204, call the DOM object processor of at least one text box element preset on the browser side, and perform customization processing on setting at least one text box element in the DOM object converted in step S202.

Step S206, displaying the customized processing result of step S204 on the text box element in the acquisition page.

In the embodiment of the present invention, for each DOM object analyzed by the text box element, a DOM object processor for customizing it is set on the network side, and in the process of obtaining the page, the DOM object processor is used to process the DOM Object for custom handling of settings. Since at least one DOM object processor can store at least one custom processing method, at least one processing can be performed on the text box element, and then different elements in the text box element can be adjusted to present different states. It can be seen that, using the method for processing the page text box by the browser provided in the embodiment of the present invention, different DOM objects in the text box element can be processed separately, and the text box element presented thus can realize personalized customization processing, For example, different fonts and different colors can be specified for different characters, and for example, multimedia information such as tables, images, audio and video, etc. can be input in text box elements. It ensures that the text box elements are not fixed according to the requirements of network applications and information providers, thereby realizing the purpose that users can customize the content presented by the text box elements, satisfying different user preferences, and improving user experience experience.

The function of the DOM object processor in this process is similar to that of the DOM object processing module mentioned above. Because the above mentioned browser architecture, it is called the DOM object processing module. However, only one component of the DOM object processor is involved in this process, so it is not necessary to call it a module, and details will not be described later.

Referring to FIG. 2 , step S204 refers to calling the DOM object processor of the set at least one text box element to set at least one text box element in the converted DOM object during implementation. A preferred embodiment is to set an overlapping block-level layer on the text box element, and perform corresponding processing on the block-level layer. Fig. 3 shows a process flowchart of customizing at the block level according to an embodiment of the present invention. The processing flow includes step S302 to step S306.

Step S302, acquiring the position information of the text box element on the browser page from the transformed DOM.

Step S304. According to the position information acquired in step S302, an overlapping block-level layer is generated on the text box element.

Step S306, on the block-level layer generated in step S304, call the DOM object processor of the set at least one text box element to perform custom processing for setting the at least one text box element in the converted DOM object.

After the customization processing is performed on the block-level layer, correspondingly, the customization processing result must be displayed on the block-level layer located on the text box element of the acquisition page.

The block-level layer can be any layer that can be set on the text box element and can implement processing on the text box element. When the block-level layer is a div layer, in order to display the customized processing result on the text box element in the acquisition page, firstly, obtain the content information generated by the customized processing of the text box element. After the content information is acquired, the content information is decoded, and the decoded content information is displayed on the div layer.

Among them, for the call operation of the DOM object processor, it is necessary to know the address of each DOM object processor, and then make the corresponding call. difficulty. Now provide a kind of optimal invoking mode, in this example, set the object processing registry, register the registration information of all DOM object processors in this form, the registration information here can comprise the memory address of each DOM object processor, Custom actions for each DOM object handler, whether it is being called, etc. Correspondingly, before performing the call operation in step S204, it may be queried from the object processing registry whether there is a DOM object processor for processing the text box element in the browser, and then call according to the query result.

For each DOM object, there are at least two events, one is the event ContentReady that is triggered when the DOM object has been loaded, and the other is the event DocumentReady that is triggered when the entire HTML has been loaded. Since the embodiment of the present invention only processes the text box element, it only involves the event ContentReady triggered when the DOM object has been loaded. Preferably, at least one DOM object processor provided by the embodiment of the present invention stores a processing method for processing the event ContentReady triggered when the loading of the text box element is completed.

Each DOM object processor stores different customized processing methods for text box elements. The processing methods stored here can be any processing methods that can process text box elements. For example, the processing methods can be in terms of fonts, It can also be in terms of images and so on. Preferably, the processing method can be to set different fonts, colors, shadows, text blocks, etc. for different characters in the text box element, and it is also possible to input a table in the text box element, or to input an image in the text box element, or to Multimedia information can be entered in the text box element. Wherein, the multimedia information includes audio and/or video. The processing methods provided in this example can be used singly or in combination. Moreover, the processing method provided in this example is an example, and is not limited to the processing method provided in this example, and any processing method that can realize the processing of the text box element may be used.

Preferably, the calling operation involved in step S204 specifically includes: calling the innerText attribute of the text box element, calling the set DOM object processing module 110 of at least one text box element to redefine the innerText attribute, and redefining the text box element The innerHTML property is returned to the div layer. Wherein, the redefinition operation in this example includes: the processing method of onblur or onSubmit.

Embodiment one

The browsers mentioned in the embodiment of the present invention may be various, such as Microsoft's Internet Explorer (IE for short), Mozilla Firefox, Google's Chrome, Opera, Apple's Safari, and the like.

Now, taking IE browser as an example, the specific processing method of the text box element provided by the embodiment of the present invention will be elaborated and illustrated in detail.

For specific processing on a per page element basis, it may be necessary to implement

IElementBehavior (element behavior)

ImplementingtheIElementBehaviorInterface (implementing the element behavior interface)

ImplementingtheNotifyMethod (implementing the notification method)

ImplementingtheInitMethod (execute the initialization method)

ImplementingtheDetachMethod (implementing the detach method)

IElementBehaviorFactory (element behavior factory behavior)

IElementNamespaceFactory (element namespace factory interface)

IElementNamespaceFactoryCallback (element namespace callback interface)

After the initialization settings, the specific processing steps of the client WebBrowser (web browser) plug-in in the IE browser to realize the web page elements are as follows:

Step 1. The client WebBrowser plug-in implements the IElementBehaviorFactory interface and the IElementBehavior interface.

Step 2. The client WebBrowser plug-in implements the IDocHostUIHandler interface.

Note: The WebBrowser plug-in here is the specific implementation of a specific processor for a specific DOM object in IE. It implements the IDocHostUIHandler interface to register a specific processor in the object registry and is used by the DOM processor to implement the IElementBehaviorFactory and IElementBehavior interfaces. Used to illustrate specific custom processing implementations.

Step 3. When the page is created, MSHTML will call the GetHostInfo method of IDocHostUIHandler, and the client program will provide MSHTML with the page element TAG and the corresponding BehaviorName

Note: MSHTML corresponds to the kernel engine, and this step corresponds to the DOM processor querying the list of all DOM object processors.

Step 4. When the page is loaded, MSHTML will call the FindBehavior method of IElementBehaviorFactory one by one according to the BehaviorName provided above, and the client will provide the IElementBehavior interface for implementation.

Here, it is preferred and associated with the corresponding interface IElementBehaviorSite provided by the page to determine whether to customize the behavior.

Step 5. If the client provides the implementation of IElementBehavior, when MSHTML loads the page element corresponding to the TAG, it calls the element behavior notification method to notify the client of the loading status of the page element.

Note: The element behavior notification method can be implemented in IE by using IElementBehavior::Notify.

Wherein, it is worth noting that step 4 and step 5 correspond to the custom processing module invoking a corresponding DOM object handler to process the DOM object.

The method in this embodiment is not limited to the IE browser, and the implementation methods for other browsers are similar.

Embodiment two

For the textarea (text box) page unit, an input box for inputting a large amount of text in the web page is provided for the user, but in the current web page rendering mode, the user can only enter simple text in the textarea, but cannot enter text in a predetermined format, images etc. By providing customized rendering of the textarea at the browser, richer content can be entered in the textarea.

In this example, corresponding instructions are provided for the specific operation of the text box element.

1. First, define the event, and customize the structure and logo of the browser in the GetHostInfo method of IDocHostUIHandler. Set a div layer on the text box element, and use the pCSSBuffer pointer scheduling to pull and execute operations involving the text box element on the div layer.

2. In the FindBehavior method of IElementBehaviorFactory, return the implementation object CTextAreaElementBehavior of IElementBehavior, and save the IElementBehaviorSite object pointer provided by MSHTML.

3. When MSHTML calls the text box element behavior notification (CTextAreaElementBehavior::Notify) method, it implements the operations related to the text box element.

When loading the text box element corresponding to TAG, call the element behavior notification method to notify the client of the loading status of the text box element. The content in the text box element is processed at the div layer, and the processing involves adjusting the width, height, playback effect, etc. of the content of the text box element.

When the page submits the content of TEXAREA, it will call the innerText property of textArea, redefine this property, and return the innerHTML of the encoded div.

After the processing of the div layer is completed, the content of the text box element and the processing effect of the div layer are overlapped, and the overlapping effect is presented to the user.

Using the embodiment of the present invention can realize the method of using the browser to process the text box elements, realize the personalized customization of the user, and improve the experience of the user.

Embodiment three

The above description is to directly process the text box elements. As we all know, there are many kinds of page elements in the browser. The browser needs to convert and process each page element, and then render the processed page elements to generate The rendered web page.

Fig. 2 shows a schematic structural diagram of a browser for processing page elements according to an embodiment of the present invention. Referring to FIG. 4 , the browser includes at least one DOM object processor 410 , a page parser 420 and a DOM processor 430 arranged on the browser side.

Wherein, there is at least one DOM object processor 410, which is preset on the browser side, and each DOM object processor 410 stores customized processing of a specific DOM object. The number of DOM object processors can be 1, 2, 3, 4, 5 or more, and the specific number is determined according to the number of specific DOM objects and the number of customized processing. In Fig. 4, for the sake of illustration, it is set to three.

When processing an acquired page, the page parser 420 loads the acquired page on the browser side, and parses the page elements of the acquired page. Considering that pages and page elements cannot be processed directly, the page parser 420 converts each page element into a DOM object during the parsing process for subsequent DOM processor 430 to process.

Referring to FIG. 4 , the DOM processor 430 is coupled to the page parser 420 and at least one DOM object processor 410 . After the parsing by the page parser 420 is completed, the DOM processor 430 is started. The DOM processor 430 selects at least one of the converted DOM objects as a DOM object currently ready to be processed, calls the set at least one DOM object processor 410, and performs customized processing on the selected DOM object.

Referring to FIG. 4 , the browser further includes a tree builder 440 coupled to the DOM processor 430 . When the DOM processor 430 invokes the DOM object processor 410, and after the customization process on the DOM object is completed, the tree generator 440 generates a final DOM tree by using the set customized DOM object, and renders the DOM tree.

The text box element is a kind of page element, therefore, when the page element is a text box element, the device for processing the page element by using the browser can directly process the text box element, and the customized DOM object processor stored by it selects The processing method is customized processing for the text box element. That is to say, in this example, referring to FIG. 4 , the selected DOM object handler 410 should be the DOM object handler 410 of the text box element. The functions of other components remain unchanged.

In this example, the function of the page parser 420 is similar to that of the conversion module 120 in the previous embodiment, and both convert corresponding elements into DOM objects. The function of the DOM processor 430 is similar to that of the custom processing module 130 in the previous embodiment, calling the corresponding DOM object processing module (or DOM object processor) to process the current DOM object accordingly.

By adopting the browser provided by the present invention and the corresponding processing method, the following beneficial effects can be achieved:

In the embodiment of the present invention, for each DOM object analyzed by the text box element, a DOM object processing module for customizing it is provided on the network side, and in the process of obtaining the page, the DOM object processing module is used to process the DOM Object for custom handling of settings. Since at least one DOM object processing module can store at least one custom processing method, at least one processing can be performed on the text box element, and then different elements in the text box element can be adjusted to present different states. It can be seen that, using the browser for processing the page text box provided by the embodiment of the present invention, different DOM objects in the text box element can be processed separately, and the text box element presented thus can realize personalized customization processing, for example , different fonts and different colors can be specified for different characters, and for example, multimedia information such as tables, images, audio and video, etc. can be input in the text box element. The embodiment of the present invention provides an improved presentation and processing method for the traditional textarea, increases the interactive performance of the page, and ensures that the text box elements are not fixed according to the requirements of network applications and information providers, thereby enabling users to The purpose of personalizing the content presented by the text box element is to meet the preferences of different users and improve the user experience.

The algorithms and displays presented herein are not inherently related to any particular computer, virtual system, or other device. Various generic systems can also be used with the teachings based on this. The structure required to construct such a system is apparent from the above description. Furthermore, the present invention is not specific to any particular programming language. It should be understood that various programming languages can be used to implement the content of the present invention described herein, and the above description of specific languages is for disclosing the best mode of the present invention.

In the description provided herein, numerous specific details are set forth. However, it is understood that embodiments of the invention may be practiced without these specific details. In some instances, well-known methods, structures and techniques have not been shown in detail in order not to obscure the understanding of this description.

Similarly, it should be appreciated that in the foregoing description of exemplary embodiments of the invention, in order to streamline this disclosure and to facilitate an understanding of one or more of the various inventive aspects, various features of the invention are sometimes grouped together in a single embodiment, figure, or its description. This method of disclosure, however, is not to be interpreted as reflecting an intention that the claimed invention requires more features than are expressly recited in each claim. Rather, as the following claims reflect, inventive aspects lie in less than all features of a single foregoing disclosed embodiment. Thus, the claims following the Detailed Description are hereby expressly incorporated into this Detailed Description, with each claim standing on its own as a separate embodiment of this invention.

Those skilled in the art can understand that the modules in the device in the embodiment can be adaptively changed and arranged in one or more devices different from the embodiment. Modules or units or components in the embodiments may be combined into one module or unit or component, and furthermore may be divided into a plurality of sub-modules or sub-units or sub-assemblies. All features disclosed in this specification (including accompanying claims, abstract and drawings), as well as any method or method so disclosed, may be used in any combination, except that at least some of such features and/or processes or units are mutually exclusive. All processes or units of equipment are combined. Each feature disclosed in this specification (including accompanying claims, abstract and drawings) may be replaced by alternative features serving the same, equivalent or similar purpose, unless expressly stated otherwise.

Furthermore, those skilled in the art will understand that although some embodiments described herein include some features included in other embodiments but not others, combinations of features from different embodiments are meant to be within the scope of the invention. and form different embodiments. For example, in the following claims, any of the claimed embodiments may be used in any combination.

The various component embodiments of the present invention may be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art should understand that a microprocessor or a digital signal processor (DSP) may be used in practice to implement some or all functions of some or all components in the browser according to the embodiments of the present invention. The present invention can also be implemented as an apparatus or an apparatus program (for example, a computer program and a computer program product) for performing a part or all of the methods described herein. Such a program for realizing the present invention may be stored on a computer-readable medium, or may be in the form of one or more signals. Such a signal may be downloaded from an Internet site, or provided on a carrier signal, or provided in any other form.

It should be noted that the above-mentioned embodiments illustrate rather than limit the invention, and that those skilled in the art will be able to design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in a claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The invention can be implemented by means of hardware comprising several distinct elements, and by means of a suitably programmed computer. In a unit claim enumerating several means, several of these means can be embodied by one and the same item of hardware. The use of the words first, second, and third, etc. does not indicate any order. These words can be interpreted as names.

This paper discloses A1, a browser for processing text boxes on a page, including: at least one DOM object processing module of a text box element, which is set on the browser side, wherein each object processing module is configured to store a text box element Customized processing; conversion module, configured to load the acquired page on the browser side, and parse the text box element in the acquired page, and convert the text box element into a DOM object; customized processing module, configured to call at least the set The DOM object processing module of a text box element performs the custom processing of the settings on at least one text box element in the converted DOM object; the display module is configured to display the custom processing result in the text box in the acquisition page element. A2, according to the browser described in A1, it is characterized in that, the customization processing module is also configured to obtain the position information of the text box element on the browser page from the converted DOM object; according to the position information, in Generate an overlapping block-level layer on the text box element; on the block-level layer, call the DOM object processing module of the at least one text box element set to perform at least one text box element in the converted DOM object Perform custom processing of the settings. A3. The browser according to A2, wherein the display module is further configured to display the customized processing result on the block-level layer located on the text box element of the acquisition page. A4, according to the browser described in A2 or A3, it is characterized in that, when the block-level layer includes a div layer, the display module is also configured to obtain the content information generated after the text box element is customized; The above content information is decoded, and the decoded content information is displayed on the div layer. A5. The browser according to any one of A1 to A4 is characterized in that it also includes: a query module configured to query from the object processing registry whether there is an object processing the text box element in the browser. The DOM object processing module, wherein the at least one DOM object processing module is registered in the object processing registry. A6. The browser according to any one of A1 to A5, wherein the at least one DOM object processing module stores a processing method for processing the event ContentReady triggered when the loading of the text box element is completed. A7, according to the browser described in A6, it is characterized in that the processing method includes at least one of the following: setting different fonts for different characters in the text box element; inputting a form in the text box element; An image is input into the text box element; multimedia information is input into the text box element. A8. The browser according to A7, wherein the multimedia information includes audio and/or video. A9. The browser according to any one of A1 to A8, wherein when the block-level layer includes a div layer, the custom processing module is also configured to call the innerText attribute of the text box element; call the The set DOM object processing module of at least one text box element redefines the innerText property; returns the redefined innerHTML property of the text box element to the div layer. A10. The browser according to A9, wherein the redefinition operation includes: onblur or onSubmit processing.

This paper discloses B11, a method for a browser to process text box elements on a page, setting at least one DOM object processor of a text box element on the browser side, wherein each object processor stores custom processing of a text box element, the method Including: loading the acquisition page on the browser side, and parsing the text box element in the acquisition page, converting the text box element into a DOM object; calling the DOM object processor of at least one text box element set to perform the described At least one text box element in the transformed DOM object is subjected to the customization processing of the setting; and the customization processing result is displayed on the text box element in the acquisition page. B12, according to the described method of B11, it is characterized in that, call the DOM object handler of at least one text box element of described setting to carry out the custom processing of described setting to at least one text box element in the DOM object of described conversion, Including: obtaining the position information of the text box element on the browser page from the converted DOM; according to the position information, generating an overlapping block-level layer on the text box element; on the block-level layer, Invoking the DOM object processor of the at least one text box element of the setting to perform customization processing of the setting on the at least one text box element in the converted DOM object. B13. The method according to B11, wherein displaying the customized processing result on the text box element in the acquisition page includes: displaying the customized processing result on all text box elements located on the acquisition page on the block level. B14, according to the described method of B12 or B13, it is characterized in that, when described block-level layer comprises div layer, described customization processing result is displayed on the text box element in obtaining page, comprises: obtaining described text box element The content information generated after customization processing; the content information is decoded, and the decoded content information is displayed on the div layer. B15, according to the method described in any one of B11 to B14, it is characterized in that, call the DOM object processor of at least one text box element of described setting to carry out described at least one text box element in the DOM object of described conversion Before the customized processing of the settings, it includes: querying from the object processing registry whether there is a DOM object handler for processing the text box element in the browser, wherein the at least one object handler is registered in the object processing registry DOM object handler. B16. The method according to any one of B11 to B15, wherein the at least one DOM object processor stores a processing method for processing the event ContentReady triggered when the loading of the text box element is completed. B17. The method according to B16, wherein the processing method includes at least one of the following: different fonts are set for different characters in the text box element; input forms are entered in the text box element; input image in the text box element; input multimedia information in the text box element. B18. The method according to B17, wherein the multimedia information includes audio and/or video. B19, according to the method described in any one of B17 to B18, it is characterized in that, when the block-level layer includes a div layer, the DOM object processor of the at least one text box element that is set is called to convert the DOM object Performing the custom processing of the settings on at least one text box element, including: calling the innerText property of the text box element; calling the DOM object processor of at least one text box element of the setting to redefine the innerText property ; Return the redefined innerHTML property of the text box element to the div layer. B20. The method according to B19, wherein the redefinition operation includes: onblur or onSubmit processing. B21, according to the method described in any one of B11 to B20, it is characterized in that, when the browser is an IE browser, the client where the browser is located is provided with the first interface IElementBehaviorFactory, the second interface IElementBehavior and the WebBrowser plug-in The third interface IDocHostUIHandler, wherein the first interface and the second interface are used to call each DOM object handler, and the third interface is used to register each DOM object handler in the object processing registry; Calling the DOM object processor of at least one text box element of the setting includes: the kernel engine calls the BehaviorName connected to the first interface through the second interface according to the behavior name BehaviorName provided by the client where the browser is located The DOM object processor of at least one text box element of the setting; and when the kernel engine loads the corresponding page element according to the page element identifier TAG provided by the client, call the element behavior notification method to notify the client page The loading state of the element. B22, according to the method described in B21, it is characterized in that, the DOM object handler of at least one text box element of described setting is called by the kernel engine, comprising: the fourth interface IElementBehaviorSite provided by the kernel engine and the acquisition page Association, calling the corresponding DOM object handler when it is determined through the fourth interface that the text box element has been customized.

Claims (20)

1. A browser for processing page text boxes, comprising: At least one DOM object processing module of the text box element is set on the browser side, wherein each object processing module is configured to store custom processing of the text box element; The conversion module is configured to load the acquisition page on the browser side, and parse the text box element in the acquisition page, and convert the text box element into a DOM object; A custom processing module configured to call the set DOM object processing module of the at least one text box element to perform the custom processing on the converted at least one text box element in the DOM object; A display module configured to display the result of the customization process on the text box element in the acquisition page; The customization processing module is also configured to obtain the position information of the text box element on the browser page from the converted DOM object; according to the position information, generate an overlapping block-level layer on the text box element; On the block-level layer, calling the set DOM object processing module of the at least one text box element to perform the customization process on the converted at least one text box element in the DOM object. 2. The browser according to claim 1, wherein the display module is further configured to display the result of the customization process on the block-level layer located on the text box element of the acquisition page. 3. The browser according to claim 1 or 2, wherein when the block-level layer includes a div layer, the display module is further configured to obtain content information generated after the text box element is customized; The content information is decoded, and the decoded content information is displayed on the div layer. 4. The browser according to claim 1 or 2, further comprising: The query module is configured to query from the object processing registry whether there is a DOM object processing module that processes the text box element in the browser, wherein the at least one text box element is registered in the object processing registry The DOM object processing module. 5. The browser according to claim 1 or 2, characterized in that, the DOM object processing module of the at least one text box element is stored with a stipulation that the event ContentReady triggered when the loading of the text box element is completed is processed. processing method. 6. The browser according to claim 5, wherein the processing method comprises at least one of the following: Setting different fonts for different characters in the text box element; Enter the form in said textbox element; enter an image in said textbox element; Enter multimedia information in the text box element. 7. The browser according to claim 6, wherein the multimedia information includes audio and/or video. 8. The browser according to claim 1 or 2, wherein when the block-level layer includes a div layer, the custom processing module is also configured to call the innerText attribute of the text box element; The DOM object processing module of the at least one text box element redefines the innerText attribute; returns the redefined innerHTML attribute of the text box element to the div layer. 9 . The browser according to claim 8 , wherein the redefinition operation includes: onblur or onSubmit processing. 10. A method for browser processing page text box elements, the DOM object processor of at least one text box element is set on the browser side, wherein each object processor stores the custom processing of text box elements, the method includes: Load the acquisition page on the browser side, and parse the text box element in the acquisition page, and convert the text box element into a DOM object; calling the set DOM object processor of the at least one text box element to perform the customization process on the converted at least one text box element in the DOM object; Displaying the result of the customization process on the text box element in the acquisition page; Wherein, calling the set DOM object processor of the at least one text box element to perform the custom processing on the converted at least one text box element in the DOM object includes: Obtain the position information of the text box element on the browser page from the converted DOM object; generating overlapping block-level layers on the text box element according to the position information; On the block-level layer, calling the set DOM object processor of the at least one text box element to perform the customization process on the converted at least one text box element in the DOM object. 11. The method according to claim 10, wherein displaying the result of the customization process on the text box element in the acquisition page comprises: The results of the customization process are displayed on the block level on the text box element of the fetch page. 12. The method according to claim 10 or 11, wherein when the block-level layer includes a div layer, displaying the result of the custom processing on the text box element in the acquisition page includes: Obtaining content information generated after the text box element is customized; The content information is decoded, and the decoded content information is displayed on the div layer. 13. The method according to any one of claims 10 or 11, wherein the at least one text box element in the converted DOM object obtained by calling the DOM object processor of the at least one text box element set is Before carrying out said customization process, including: Query whether there is a DOM object handler for processing the text box element in the browser from the object processing registry, wherein the DOM object handler for at least one text box element is registered in the object processing registry . 14. The method according to claim 10 or 11, characterized in that, the DOM object processor of the at least one text box element stores a process for processing the event ContentReady triggered when the loading of the text box element is completed Way. 15. The method according to claim 14, wherein the processing method comprises at least one of the following: Setting different fonts for different characters in the text box element; Enter the form in said textbox element; enter an image in said textbox element; Enter multimedia information in the text box element. 16. The method according to claim 15, wherein the multimedia information includes audio and/or video. 17. The method according to any one of claims 15 to 16, wherein when the block-level layer includes a div layer, calling the set DOM object processor of the at least one text box element converts the obtained Perform the customization process on at least one text box element in the DOM object, including: calling the innerText property of the textbox element; calling the set DOM object processor of the at least one text box element to redefine the innerText property; Return the redefined innerHTML property of the text box element to the div layer. 18. The method according to claim 17, wherein the redefining operation includes: onblur or onSubmit processing. 19. The method according to claim 10 or 11, wherein when the browser is an IE browser, the client where the browser is located sets the first interface IElementBehaviorFactory, the second interface IElementBehavior and the second interface IElementBehavior in the WebBrowser plug-in. Three interfaces IDocHostUIHandler, wherein the first interface and the second interface are used to call each DOM object handler, and the third interface is used to register each DOM object handler in the object processing registry; Calling the DOM object handler of the at least one text box element set includes: The kernel engine calls the DOM object processor of the at least one text box element connected to the first interface through the second interface according to the behavior name provided by the client where the browser is located; and When the kernel engine loads a corresponding page element according to the page element identifier TAG provided by the client, it calls an element behavior notification method to notify the client of the loading status of the page element. 20. The method according to claim 19, wherein the DOM object handler of the at least one text box element set by the kernel engine call includes: The kernel engine is associated with the fourth interface IElementBehaviorSite provided by the acquisition page, and when it is determined through the fourth interface that the text box element has been customized, it calls the corresponding DOM object handler.