CN118607471A - Graphic typesetting method, device, computing device and machine-readable storage medium - Google Patents

Abstract

The embodiments of the present application disclose a graphic typesetting method, device, computing device and machine-readable storage medium, and relate to the field of graphic processing technology. The graphic typesetting method includes: responding to a received graphic editing instruction, determining the graphic content inserted by the user; determining the subject keywords corresponding to the graphic content; obtaining a first number of typesetting templates corresponding to the subject keywords; typeset the graphic content according to the first number of typesetting templates, and generating a first number of typesetting preview interfaces; determining the target typesetting template selected by the user based on the typesetting preview interface; typeset the graphic content based on the target typesetting template, and generating a typesetting result of the graphic content. Different typesetting templates can be obtained according to the subject corresponding to the graphic content, which not only improves the diversity of the typesetting style of the graphic content, but also can typeset corresponding to the actual graphic content, thereby improving the visual effect of the graphic content after typeset.

Description

Graphic typesetting method, device, computing device and machine-readable storage medium

Technical Field

The present application relates to the field of image and text processing technology, and specifically to an image and text typesetting method, device, computing equipment and machine-readable storage medium.

Background Art

With the rapid development of information technology, graphic content in the form of electronic documents has gradually replaced paper documents. If a customized approach is used for graphic typesetting, developers need to use front-end technologies such as HTML (Hyper Text Markup Language) for programming. In actual graphic typesetting scenarios, most users usually do not have programming capabilities. Users rely too much on developers and UI (User Interface) designers to typeset the provided graphic content, making the typesetting efficiency of graphic content low.

In order to improve the typesetting efficiency of graphic content, users usually use pre-provided typesetting templates to typeset graphic content. The typesetting template reserves an editable area at a fixed position, and the user can insert graphic content into the editable area to achieve typesetting of the graphic content. However, the typesetting templates usually provided have a single style, which makes the typesetting style of graphic content too repetitive, and thus leads to too low diversity of typesetting styles of graphic content.

Summary of the invention

The purpose of the embodiments of the present application is to provide a graphic typesetting method, apparatus, computing device and machine-readable storage medium, wherein the graphic typesetting method is used to solve the problem that the diversity of typesetting styles of graphic content in the prior art is too low.

In order to achieve the above-mentioned purpose, the first aspect of the present application provides a method for typesetting a graphic and text, and the method for typesetting a graphic and text comprises:

In response to the received graphic editing instruction, determine the graphic content inserted by the user;

Determine the subject keywords corresponding to the graphic content;

Obtain a first number of layout templates corresponding to the subject keywords;

Typesetting the graphic and text contents respectively according to the first number of typesetting templates, and generating a first number of typesetting preview interfaces;

Determine the target layout template selected by the user based on the layout preview interface;

The graphic content is typeset based on the target typesetting template to generate a typesetting result of the graphic content.

In an embodiment of the present application, the graphic typesetting method further includes:

In response to the received template editing instruction, according to the user's editing operation on the target typesetting template, the update information of the target typesetting template is obtained;

Based on the updated information of the target typesetting template, an updated typesetting result is obtained.

In an embodiment of the present application, based on the update information of the target typesetting template, an updated typesetting result is obtained, including:

Based on the update information of the target typesetting template, an updated typesetting result is obtained, and the update count of the target typesetting template is increased by one;

Graphics and text layout methods also include:

When the update count exceeds a preset threshold, the target layout template is updated based on all update information corresponding to the target layout template.

In the embodiment of the present application, the graphic content is typeset based on the target typesetting template to generate a typesetting result of the graphic content, including:

Parse the HTML document corresponding to the graphic content to obtain the HTML structure and at least one HTML element;

According to the HTML structure and all HTML elements, a DOM tree corresponding to the graphic content is constructed, wherein the DOM tree includes at least one node, and each node corresponds to an HTML element;

Calculate and layout the DOM tree corresponding to the target layout template to obtain the DOM tree to be rendered;

Render the middle node of the DOM tree to be rendered and generate the layout result of the graphic content;

Graphics and text layout methods also include:

In response to the received graphic content editing instruction, according to the user's editing operation on the graphic content, an updated graphic content is obtained;

Based on the updated graphic content, update the DOM tree to be rendered;

Render the updated middle node of the DOM tree to be rendered to obtain the updated layout result.

In an embodiment of the present application, obtaining a first number of layout templates corresponding to the subject keywords includes:

Obtain a second number of typesetting templates corresponding to the subject keyword, and respectively obtain a usage count of each typesetting template;

Filtering the first number of layout templates from the second number of layout templates according to usage counts of all layout templates;

Determine the target layout template selected by the user based on the layout preview interface, including:

Determine the target layout template selected by the user based on the layout preview interface, and update the usage count of the target layout template.

In an embodiment of the present application, after generating the first number of layout preview interfaces, the method further includes:

In response to the received additional template preview request, a third number of layout preview interfaces is generated, wherein the third number is greater than the first number and less than or equal to the second number.

In the embodiment of the present application, determining the subject keywords corresponding to the graphic content includes:

Obtain at least one layout keyword corresponding to the graphic content;

Based on all the typesetting keywords, determine the theme keywords corresponding to the graphic content.

A second aspect of the present application provides a graphic typesetting device, the graphic typesetting device comprising:

The graphic content determination module is used to respond to the received graphic editing instruction and determine the graphic content inserted by the user;

A keyword determination module is used to determine the subject keywords corresponding to the graphic content;

A typesetting template acquisition module, used to acquire a first number of typesetting templates corresponding to the subject keyword;

A preview interface generation module, used to typeset the graphic content according to a first number of typesetting templates, and generate a first number of typesetting preview interfaces;

A layout template determination module is used to determine a target layout template selected by a user based on a layout preview interface;

The typesetting result generation module is used to typeset the graphic content based on the target typesetting template and generate the typesetting result of the graphic content.

A third aspect of the present application provides a computing device, including:

a memory configured to store instructions; and

The processor is configured to call instructions from the memory and implement the above-mentioned graphic typesetting method when executing the instructions.

A fourth aspect of the present application provides a machine-readable storage medium having instructions stored thereon, the instructions being used to enable a machine to execute the above-mentioned graphic typesetting method.

The present application provides a graphic typesetting method, which includes: responding to a received graphic editing instruction, determining the graphic content inserted by the user; determining the subject keywords corresponding to the graphic content; obtaining a first number of typesetting templates corresponding to the subject keywords; typeset the graphic content according to the first number of typesetting templates, and generating a first number of typesetting preview interfaces; determining a target typesetting template selected by the user based on the typesetting preview interface; typeset the graphic content based on the target typesetting template, and generating a typesetting result of the graphic content. Typesetting the graphic content using the typesetting template improves the efficiency of graphic typesetting. At the same time, different typesetting templates can be obtained according to the subject corresponding to the graphic content, which not only improves the diversity of the typesetting style of the graphic content, but also can typeset corresponding to the actual graphic content, thereby improving the visual effect of the graphic content after typesetting.

Other features and advantages of the embodiments of the present application will be described in detail in the subsequent specific implementation section.

BRIEF DESCRIPTION OF THE DRAWINGS

The accompanying drawings are used to provide a further understanding of the embodiments of the present application and constitute a part of the specification. Together with the following specific implementations, they are used to explain the embodiments of the present application, but do not constitute a limitation on the embodiments of the present application. In the accompanying drawings:

FIG1 schematically shows a first flow chart of a method for typesetting text and images according to an embodiment of the present application;

FIG2 schematically shows a second flow chart of the method for typesetting text and images according to an embodiment of the present application;

FIG3 schematically shows an example diagram of an application of obtaining a typesetting template according to an embodiment of the present application;

FIG4 schematically shows a structural diagram of a graphic typesetting device according to an embodiment of the present application.

DETAILED DESCRIPTION

In order to make the purpose, technical scheme and advantages of the embodiments of the present application clearer, the technical scheme in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. It should be understood that the specific implementation methods described herein are only used to illustrate and explain the embodiments of the present application, and are not used to limit the embodiments of the present application. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of this application.

It should be noted that if directional indication is involved in the embodiments of the present application, the directional indication is only used to explain the relative position relationship, movement status, etc. between the components under a certain specific posture (as shown in the accompanying drawings). If the specific posture changes, the directional indication will also change accordingly.

In addition, if there are descriptions involving "first", "second", etc. in the embodiments of the present application, the descriptions of "first", "second", etc. are only used for descriptive purposes and cannot be understood as indicating or suggesting their relative importance or implicitly indicating the number of technical features indicated. Therefore, the features defined as "first" and "second" may explicitly or implicitly include at least one of the features. In addition, the technical solutions between the various embodiments can be combined with each other, but they must be based on the ability of ordinary technicians in the field to implement them. When the combination of technical solutions is contradictory or cannot be implemented, it should be deemed that such combination of technical solutions does not exist and is not within the scope of protection required by this application.

Embodiment 1

Please refer to Figure 1, which schematically shows a first flow chart of a method for typesetting text and images according to an embodiment of the present application. As shown in Figure 1, an embodiment of the present application provides a method for typesetting text and images, and the method for typesetting text and images includes the following steps:

S110, responding to the received graphic and text editing instruction, determining the graphic and text content inserted by the user.

The graphic typesetting method of the present application is applied to a computing device, and the computing device in the present embodiment provides an editor for graphic content. An editor generally refers to a tool or platform for creating and editing content including text, pictures, videos, etc. Usually, the editor provides an intuitive editor interface, and the user can directly operate in the editor interface to generate graphic editing instructions, thereby eliminating the need for the user to learn programming techniques. The computing device responds to the received graphic editing instructions to determine the graphic content inserted by the user, as well as the type of graphic content. The type of graphic content is set according to actual needs, and can be text, pictures, etc., which is not limited here.

S120, determining the subject keywords corresponding to the graphic content.

After all the graphic and text content has been inserted, determine the subject keywords corresponding to the graphic and text content. It should be understood that the user can manually determine the subject keywords based on the graphic and text content, or use a machine learning algorithm to identify the graphic and text content and obtain the subject keywords output by the machine learning algorithm, and then determine the subject keywords corresponding to the graphic and text content. I will not go into details here. The word content of the subject keyword is set according to actual needs, and can be words such as food, travel, and academics, which are not limited here.

In the embodiment of the present application, determining the subject keywords corresponding to the graphic content includes:

Obtain at least one layout keyword corresponding to the graphic content;

Based on all the typesetting keywords, determine the theme keywords corresponding to the graphic content.

In order to obtain the theme keywords that match the graphic content, obtain at least one typesetting keyword based on the graphic content. Analyze the themes corresponding to the graphic content based on all the typesetting keywords, and determine the theme keywords corresponding to the graphic content. Specifically, assuming that the obtained typesetting keywords are "rice" and "vegetables", when all the typesetting keywords correspond to the same theme, determine that the theme keywords corresponding to the graphic content are "food" based on all the typesetting keywords. Suppose that the obtained typesetting keywords are "food" and "travel", since each typesetting keyword corresponds to a theme, all the typesetting keywords are merged to determine that the theme keywords corresponding to the graphic content are "food travel".

S130, obtaining a first number of typesetting templates corresponding to the subject keywords.

Usually, the layout templates provided in the layout scenario of graphics and texts have a single style, and all types of graphics and texts are laid out using a single-style layout template, which makes the layout style of the graphics and texts too repetitive, and thus leads to too low diversity of the layout style of the graphics and texts. In the embodiment of the present application, developers such as UI designers predetermine multiple theme keywords and design multiple layout templates corresponding to each theme keyword.

Determine the target theme keyword corresponding to the graphic content inserted by the user, and then obtain the first number of layout templates corresponding to the target theme keyword. Providing layout templates corresponding to the theme keyword improves the selection diversity of graphic templates. At the same time, the provided layout template can be typeset according to the theme of the graphic content, further improving the visual effect of the graphic content after typesetting.

S140, typeset the graphic and text contents respectively according to a first number of typeset templates, and generate a first number of typeset preview interfaces.

The graphic content is typeset according to the first number of typesetting templates, that is, each typesetting template typeset the graphic content, and a typesetting preview interface corresponding to the typesetting template is generated until the number of generated typesetting preview interfaces reaches the first number. By providing multiple typesetting preview interfaces, the user can determine the visual effect of the graphic content after typesetting.

S150, determining the target layout template selected by the user based on the layout preview interface.

In this embodiment, the typesetting preview interface corresponding to each typesetting template is displayed through the editor interface, and the user determines the target typesetting template finally selected through the typesetting preview interface. Specifically, when the user does not need to modify the typesetting template, the user can click on the editor interface through the human-computer interaction device to generate a template selection instruction according to the target typesetting template to be selected. The computing device responds to the template selection instruction and determines the target typesetting template selected by the user based on the typesetting preview interface.

S160, typeset the graphic content based on the target typesetting template to generate a typesetting result of the graphic content.

After determining the target layout template selected by the user, the graphic content is layouted based on the target layout template to generate a layout result of the graphic content. For ease of understanding, in the embodiment of the present application, the graphic content is a large number of pictures as an example, and the layout template is used to layout the graphic content in the form of multiple pictures in one row, multiple pictures spliced together, and a slideable carousel picture to obtain the layout of the graphic content.

Even if users cannot use HTML and other front-end technologies for programming, they can still use layout templates to layout graphic content, reducing the dependence on developers and UI designers and improving the efficiency of graphic layout. At the same time, different layout templates can be obtained according to the theme of the graphic content, which not only improves the diversity of graphic content layout styles, but also can be used to layout the actual graphic content, improving the visual effect of the graphic content after layout.

Please refer to FIG. 2 , which schematically shows a second flow chart of the image and text typesetting method according to an embodiment of the present application.

As shown in FIG. 2 , in an embodiment of the present application, the graphic typesetting method further includes:

S170, responding to the received template editing instruction, and obtaining update information of the target typesetting template according to the user's editing operation on the target typesetting template.

The user previews the visual effect of the typesetting graphic content through the typesetting preview interface to determine whether the selected target typesetting template needs to be modified. If the user determines that the target typesetting template needs to be modified, the user can edit the typesetting template through the human-computer interaction device and generate a template editing instruction. The computing device responds to the template editing instruction and obtains the update information of the target typesetting template according to the user's editing operation on the target typesetting template.

S180, obtaining an updated typesetting result based on the update information of the target typesetting template.

Based on the update information of the target typesetting template, an updated target typesetting template is determined, and the updated typesetting template is used to typeset the graphic content to obtain an updated typesetting result.

In an embodiment of the present application, based on the update information of the target typesetting template, an updated typesetting result is obtained, including:

Based on the update information of the target typesetting template, an updated typesetting result is obtained, and the update count of the target typesetting template is increased by one;

Graphics and text layout methods also include:

When the update count exceeds a preset threshold, the target layout template is updated based on all update information corresponding to the target layout template.

When the user determines that the typesetting template does not need to be modified, the computing device no longer receives the template editing instruction, obtains the updated typesetting result based on the update information of the target typesetting template, and increases the update count of the target typesetting template by 1. It should be understood that the user's modification operation on the typesetting template can be to modify the color and size, etc., which is not limited here.

The update count of the layout template is used to determine the frequency with which the user typeset the graphic content using the modified layout template. When the update count exceeds the preset threshold, the update information corresponding to each time the update count of the target layout template is increased by one is obtained. Based on all the update information corresponding to the target layout template, the target layout template is updated. When the user typesets the graphic content subsequently, the updated target layout template is used to typeset the graphic content to obtain typeset graphic content that better meets the user's needs.

In the embodiment of the present application, the graphic content is typeset based on the target typesetting template to generate a typesetting result of the graphic content, including:

Parse the HTML document corresponding to the graphic content to obtain the HTML structure and at least one HTML element;

According to the HTML structure and all HTML elements, a DOM tree corresponding to the graphic content is constructed, wherein the DOM tree includes at least one node, and each node corresponds to an HTML element;

Calculate and layout the DOM tree corresponding to the target layout template to obtain the DOM tree to be rendered;

Render the middle node of the DOM tree to be rendered and generate the layout result of the graphic content;

Graphics and text layout methods also include:

In response to the received graphic content editing instruction, according to the user's editing operation on the graphic content, an updated graphic content is obtained;

Based on the updated graphic content, update the DOM tree to be rendered;

Render the updated middle node of the DOM tree to be rendered to obtain the updated layout result.

Usually, the document format of the graphic content inserted by the user in the graphic typesetting scenario is an HTML document. The HTML document corresponding to the graphic content consists of a series of tags, text content and images. Tags are used to describe various elements in the document. After the editing of the graphic content is completed, the HTML document corresponding to the graphic content is parsed to obtain the HTML structure and at least one HTML element of the HTML document, where multiple HTML elements can be nested together to form a hierarchical structure.

According to the HTML structure and all HTML elements, the nesting relationship between the HTML structure and each HTML element is obtained. Based on the nesting relationship between the HTML structure and each HTML element, a DOM (Document Object Model) tree corresponding to the graphic content is constructed. The DOM tree includes at least one node, and each node corresponds to an HTML element. Developers can access and operate each node through the DOM API (Application Programming Interface).

Calculate and layout the DOM tree corresponding to the target layout template. Specifically, obtain the preset configuration data of the target layout template, and calculate and layout the style of the DOM tree through the preset configuration data, obtain the middle node of the DOM tree to be rendered, and generate the layout result of the graphic content. It should be understood that a layout preview interface can be generated by rendering the middle node of the DOM tree to be rendered, so that users can preview the graphic content after typeset.

When the user determines that the graphic content needs to be modified, the user can edit the graphic content through the human-computer interaction device and generate graphic content editing instructions. The computing device responds to the graphic content editing instructions and obtains the updated graphic content based on the user's editing operations on the graphic content. It should be understood that the editing operation is set according to actual needs, and can be operations such as adding, deleting, and modifying, which are not limited here. The human-computer interaction device is also set according to actual needs, and can be devices such as keyboards and mice, which are not limited here.

The editor of the computing device updates the DOM tree to be rendered based on the updated graphic content. The middle node of the updated DOM tree to be rendered is rendered to obtain an updated typesetting result. Even if the user cannot use front-end technologies such as HTML for programming, the typesetting template can still be used to typeset the graphic content. The user can also edit the graphic content through the graphic content editing instructions, and use the typesetting template to typeset the updated graphic content, which reduces the dependence on developers and UI designers and improves the efficiency of graphic typesetting.

In an embodiment of the present application, obtaining a first number of layout templates corresponding to the subject keywords includes:

Obtain a second number of typesetting templates corresponding to the subject keyword, and respectively obtain a usage count of each typesetting template;

Filtering the first number of layout templates from the second number of layout templates according to usage counts of all layout templates;

Determine the target layout template selected by the user based on the layout preview interface, including:

Determine the target layout template selected by the user based on the layout preview interface, and update the usage count of the target layout template.

Please refer to FIG. 3 , which schematically shows an application example diagram of obtaining a typesetting template according to an embodiment of the present application.

As shown in the figure, in the embodiment of the present application, theme keyword 01, theme keyword 02 and theme keyword 03 are shown. Specifically, theme keyword 01 is "food", theme keyword 02 is "travel", theme keyword 03 is "academic", and each theme keyword corresponds to the second number of typesetting templates. Each time the user selects a typesetting template based on the typesetting preview interface, the target typesetting template selected by the user based on the typesetting preview interface is determined, and the usage count of the target typesetting template is updated.

After determining the subject keyword corresponding to the graphic content, a second number of typesetting templates corresponding to the subject keyword are obtained, and the usage count of each typesetting template is obtained respectively.

According to the usage counts of all typesetting templates, the user's preference for different typesetting templates is determined, and then the first number of typesetting templates are screened out from the second number of typesetting templates. The first number of typesetting templates are provided for the user to choose from, thereby improving the diversity of typesetting styles of graphic content. At the same time, by screening the typesetting templates according to the usage counts of the typesetting templates, the typesetting templates required by the user can be accurately provided, thereby improving the user experience.

In an embodiment of the present application, after generating the first number of layout preview interfaces, the method further includes:

In response to the received additional template preview request, a third number of layout preview interfaces is generated, wherein the third number is greater than the first number and less than or equal to the second number.

After browsing the first number of layout preview interfaces, the user can select a target layout template from the first number of layout templates, or request to display more layout templates. In the case where the user requests to display more layout templates, the computing device generates a third number of layout preview interfaces in response to the received additional template preview request, wherein the third number is greater than the first number and less than or equal to the second number.

For ease of understanding, in the embodiment of the present application, the first number is 3, and the second number is 9. The third number can be continuously increased according to the number of times the additional template preview request is received. For example, assuming that the additional template preview request is received for the first time, the third number can be 6, that is, 6 typesetting preview interfaces corresponding to typesetting templates are generated. When the additional template preview request is received for the second time, the third number can be 9, that is, 9 typesetting preview interfaces corresponding to typesetting templates are generated. By responding to the additional template preview request, more previewable typesetting templates are provided to the user, further improving the diversity of typesetting styles of graphic content.

The present application provides a graphic typesetting method, which includes: responding to a received graphic editing instruction, determining the graphic content inserted by the user; determining the subject keywords corresponding to the graphic content; obtaining a first number of typesetting templates corresponding to the subject keywords; typeset the graphic content according to the first number of typesetting templates, and generating a first number of typesetting preview interfaces; determining a target typesetting template selected by the user based on the typesetting preview interface; typeset the graphic content based on the target typesetting template, and generating a typesetting result of the graphic content. Typesetting the graphic content using the typesetting template improves the efficiency of graphic typesetting. At the same time, different typesetting templates can be obtained according to the subject corresponding to the graphic content, which not only improves the diversity of the typesetting style of the graphic content, but also can typeset corresponding to the actual graphic content, thereby improving the visual effect of the graphic content after typesetting.

Embodiment 2

Please refer to FIG4 , which schematically shows a schematic diagram of the structure of a graphic typesetting device according to an embodiment of the present application. As shown in FIG4 , the graphic typesetting device 200 includes:

The graphic content determination module 210 is used to respond to the received graphic editing instruction and determine the graphic content inserted by the user;

Keyword determination module 220, used to determine the subject keywords corresponding to the graphic content;

The typesetting template acquisition module 230 is used to acquire a first number of typesetting templates corresponding to the subject keyword;

A preview interface generating module 240 is used to respectively typeset the graphic content according to a first number of typesetting templates to generate a first number of typesetting preview interfaces;

A layout template determination module 250 is used to determine a target layout template selected by a user based on the layout preview interface;

The typesetting result generating module 260 is used to typeset the graphic content based on the target typesetting template and generate the typesetting result of the graphic content.

In the embodiment of the present application, the graphic typesetting device 200 further includes:

An update information acquisition module is used to respond to the received template editing instruction and obtain the update information of the target typesetting template according to the user's editing operation on the target typesetting template;

The typesetting result updating module is used to obtain updated typesetting results based on the updated information of the target typesetting template.

In the embodiment of the present application, the update information acquisition module is further used to obtain the updated typesetting result based on the update information of the target typesetting template, and increase the update count of the target typesetting template by one;

The graphic typesetting device 200 also includes:

The layout template update module is used to update the target layout template based on all update information corresponding to the target layout template when the update count exceeds a preset threshold.

In the embodiment of the present application, the typesetting result generating module 260 includes:

The document parsing submodule is used to parse the HTML document corresponding to the graphic content to obtain the HTML structure and at least one HTML element;

The DOM tree construction submodule is used to construct a DOM tree corresponding to the graphic content according to the HTML structure and all HTML elements, wherein the DOM tree includes at least one node, and each node corresponds to an HTML element;

The calculation and layout submodule is used to calculate and layout the DOM tree corresponding to the target layout template to obtain the DOM tree to be rendered;

The result generation submodule is used to render the middle node of the DOM tree to be rendered and generate the typesetting results of the graphic content;

The graphic typesetting device 200 also includes:

The graphic content updating module is used to respond to the received graphic content editing instruction and obtain the updated graphic content according to the user's editing operation on the graphic content;

DOM tree update module, used to update the DOM tree to be rendered based on the updated graphic content;

The updated DOM tree rendering module is used to render the updated middle node of the DOM tree to be rendered to obtain the updated layout result.

In the embodiment of the present application, the typesetting template acquisition module 230 includes:

A usage count acquisition submodule is used to acquire a second number of typesetting templates corresponding to the subject keyword, and respectively acquire a usage count of each typesetting template;

A typesetting template screening submodule, used for screening out a first number of typesetting templates from a second number of typesetting templates according to usage counts of all typesetting templates;

The typesetting template determination module 250 is also used to determine the target typesetting template selected by the user based on the typesetting preview interface, and to update the usage count of the target typesetting template.

In the embodiment of the present application, the graphic typesetting device 200 further includes:

The interface generation module is used to generate a third number of layout preview interfaces in response to the received additional template preview request, wherein the third number is greater than the first number and less than or equal to the second number.

In the embodiment of the present application, the keyword determination module 220 includes:

A typesetting keyword acquisition submodule, used to acquire at least one typesetting keyword corresponding to the graphic content;

The subject keyword determination submodule is used to determine the subject keywords corresponding to the graphic content based on all the typesetting keywords.

The present application also provides a computing device, including:

a memory configured to store instructions; and

The processor is configured to call instructions from the memory and implement the above-mentioned graphic typesetting method when executing the instructions.

The graphic content determination module 210, keyword determination module 220, typesetting template acquisition module 230, preview interface generation module 240, typesetting template determination module 250 and typesetting result generation module 260 in this embodiment are all stored in the memory as program units, and the processor executes the above program units stored in the memory to realize the corresponding functions.

The processor includes a kernel, which retrieves the corresponding program unit from the memory. One or more kernels can be set, and the problem of low diversity of typesetting styles of graphic content in the prior art can be solved by adjusting kernel parameters.

The memory may include non-permanent memory in a computer-readable medium, random access memory (RAM) and/or non-volatile memory, such as read-only memory (ROM) or flash RAM, and the memory includes at least one memory chip.

An embodiment of the present application also provides a machine-readable storage medium, on which instructions are stored, and the instructions are used to enable a machine to execute the above-mentioned graphic typesetting method.

Those skilled in the art will appreciate that the embodiments of the present application may be provided as methods, systems or computer program products. Therefore, the present application may adopt the form of a complete hardware embodiment, a complete software embodiment or an embodiment in combination with software and hardware. Moreover, the present application may adopt the form of a computer program product implemented in one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) that contain computer-usable program code.

The present application is described with reference to the flowchart and/or block diagram of the method, device (system), and computer program product according to the embodiment of the present application. It should be understood that each process and/or box in the flowchart and/or block diagram, as well as the combination of the process and/or box in the flowchart and/or block diagram can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing device produce a device for implementing the functions specified in one process or multiple processes in the flowchart and/or one box or multiple boxes in the block diagram.

These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing device to work in a specific manner, so that the instructions stored in the computer-readable memory produce a manufactured product including an instruction device that implements the functions specified in one or more processes in the flowchart and/or one or more boxes in the block diagram.

These computer program instructions may also be loaded onto a computer or other programmable data processing device so that a series of operational steps are executed on the computer or other programmable device to produce a computer-implemented process, whereby the instructions executed on the computer or other programmable device provide steps for implementing the functions specified in one or more processes in the flowchart and/or one or more boxes in the block diagram.

In a typical configuration, a computing device includes one or more processors (CPU), input/output interfaces, network interfaces, and memory.

The memory may include non-permanent memory in a computer-readable medium, random access memory (RAM) and/or non-volatile memory in the form of read-only memory (ROM) or flash RAM. The memory is an example of a computer-readable medium.

Computer readable media include permanent and non-permanent, removable and non-removable media that can be implemented by any method or technology to store information. Information can be computer readable instructions, data structures, program modules or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, magnetic tape disk storage or other magnetic storage devices or any other non-transmission media that can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include temporary computer readable media (transitory media), such as modulated data signals and carrier waves.

It should also be noted that the terms "include", "comprises" or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, commodity or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, commodity or device. In the absence of more restrictions, the elements defined by the sentence "comprises a ..." do not exclude the existence of other identical elements in the process, method, commodity or device including the elements.

The above are only embodiments of the present application and are not intended to limit the present application. For those skilled in the art, the present application may have various changes and variations. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included within the scope of the claims of the present application.

Claims (10)

1. The image-text typesetting method is characterized by comprising the following steps of:

determining the content of the graphics context inserted by the user in response to the received graphics context editing instruction;

Determining a theme keyword corresponding to the image-text content;

Obtaining a first number of typesetting templates corresponding to the topic keywords;

Typesetting the image-text contents according to the first number of typesetting templates respectively to generate a first number of typesetting preview interfaces;

determining a target typesetting template selected by the user based on the typesetting preview interface;

and typesetting the image-text content based on the target typesetting template to generate typesetting results of the image-text content.

2. The method according to claim 1, wherein the graphic composition method further comprises:

responding to the received template editing instruction, and obtaining the updating information of the target typesetting template according to the editing operation of the user on the target typesetting template;

and obtaining the updated typesetting result based on the updating information of the target typesetting template.

3. The method according to claim 2, wherein the obtaining the updated typesetting result based on the updated information of the target typesetting template includes:

based on the updating information of the target typesetting template, obtaining the updated typesetting result, and adding one to the updating count of the target typesetting template;

the image-text typesetting method also comprises the following steps:

and under the condition that the update count exceeds a preset threshold value, updating the target typesetting template based on all the update information corresponding to the target typesetting template.

4. The method according to claim 1, wherein the typesetting the content based on the target typesetting template generates a typesetting result of the content, including:

Analyzing an HTML document corresponding to the image-text content to obtain an HTML structure and at least one HTML element;

Constructing a DOM tree corresponding to the image-text content according to the HTML structure and all the HTML elements, wherein the DOM tree comprises at least one node, and each node corresponds to one HTML element;

Calculating and laying out the DOM tree based on the target typesetting template to obtain a DOM tree to be rendered;

rendering the middle node of the DOM tree to be rendered, and generating a typesetting result of the image-text content;

the image-text typesetting method also comprises the following steps:

Responding to the received image-text content editing instruction, and obtaining updated image-text content according to the editing operation of a user on the image-text content;

Updating the DOM tree to be rendered based on the updated image-text content;

And rendering the updated middle node of the DOM tree to be rendered to obtain the updated typesetting result.

5. The method according to claim 1, wherein the obtaining a first number of typesetting templates corresponding to the topic keyword includes:

obtaining a second number of typesetting templates corresponding to the topic keywords, and respectively obtaining the use count of each typesetting template;

Screening a first number of typesetting templates from a second number of typesetting templates according to the usage count of all typesetting templates;

The determining the target typesetting template selected by the user based on the typesetting preview interface comprises the following steps:

and determining a target typesetting template selected by the user based on the typesetting preview interface, and updating the use count of the target typesetting template.

6. The method of claim 5, wherein after generating the first number of composition preview interfaces, further comprising:

and responding to the received additional template preview request, and generating a third number of typesetting preview interfaces, wherein the third number is larger than the first number and smaller than or equal to the second number.

7. The method according to claim 1, wherein the determining the topic keyword corresponding to the teletext content comprises:

Acquiring at least one typesetting keyword corresponding to the image-text content;

and determining the theme keywords corresponding to the image-text content according to all the typesetting keywords.

8. The utility model provides a picture and text typesetting device which characterized in that, picture and text typesetting device includes:

the image-text content determining module is used for responding to the received image-text editing instruction and determining the image-text content inserted by the user;

The keyword determining module is used for determining a theme keyword corresponding to the image-text content;

The typesetting template acquisition module is used for acquiring a first number of typesetting templates corresponding to the topic keywords;

the preview interface generation module is used for typesetting the image-text contents according to the first number of typesetting templates respectively to generate a first number of typesetting preview interfaces;

The typesetting template determining module is used for determining a target typesetting template selected by the user based on the typesetting preview interface;

And the typesetting result generating module is used for typesetting the image-text contents based on the target typesetting template to generate typesetting results of the image-text contents.

9. A computing device, comprising:

A memory configured to store instructions; and

A processor configured to invoke the instructions from the memory and to enable a teletext method according to any one of claims 1-7 when executing the instructions.

10. A machine-readable storage medium having stored thereon instructions for causing a machine to perform a method of teletext according to any one of claims 1-7.