Page article editing and displaying method and device

By providing page article editing and display methods and devices in traditional desktop software, users can type basic article information and select content modules to generate preset display and layout styles, solving the problem of fixed layout of traditional software pages and realizing the effects of user editing interaction and rapid layout.

CN119538890APending Publication Date: 2025-02-28CHINA NUCLEAR POWER OPERATION TECH CORP
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202411463891.4
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-10-21
Publication Date
2025-02-28

AI Technical Summary

Technical Problem

The functional page layout of traditional desktop software is fixed, and users cannot realize page editing interaction, making it difficult to achieve independent editing experience and fast page layout.

Method used

Provide a method and device for editing and displaying page articles. By displaying page elements required to form a page, users can type basic information of the article and select content modules, generate preset display layout styles, and analyze stored information to generate the final display layout.

Benefits of technology

It realizes user editing interaction on the page, improves the independent editing experience and fast page layout, and improves the maintainability of the display page.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119538890A_ABST
    Figure CN119538890A_ABST
Patent Text Reader

Abstract

The invention belongs to the technical field of page processing, and provides a page editing display method and device.A first preset display typesetting style of a unique fixed format is preset in a display module, the name and information content of each page element correspond to the fixed position of the first preset display typesetting style, and after an instruction for generating an article is received, the first preset display typesetting style is displayed in the display module; and analyzing the storage information through a display module, and calling a first preset display typesetting style to generate a final display typesetting style according to a preset position. According to the method and the device, the editing interaction of the user on the page is realized, the autonomous editing experience of the user and rapid page typesetting are improved, and the maintainability of the displayed page is improved.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application belongs to the field of page processing technology, and in particular, relates to a method and device for editing and displaying page articles. Background Art

[0002] At present, with the iteration of technology, the functions of desktop software are becoming more and more complex. The function pages of traditional desktop software are all fixed layouts, and users can only browse passively according to the fixed layout of the function pages. How to realize the editing interaction of users on the page, improve the user's independent editing experience and fast page layout solutions have become problems that need to be solved urgently. Summary of the invention

[0003] The purpose of this application is to overcome the defects of the prior art and provide a method and device for editing and displaying page articles, so as to realize user editing interaction on the page, improve the user's independent editing experience and fast page layout, and enhance the maintainability of the display page.

[0004] In order to achieve the above objectives, this application provides the following technical solutions:

[0005] In a first aspect, the present application provides a method for editing and displaying a page article, comprising:

[0006] Display at least one first page element required to constitute a page, the first page element is used to enter basic information of the article, obtain the selected target first page element, and store the name and information content of the target first page element entered by the user;

[0007] Display multiple second page elements required to constitute the content module page, store and obtain the name, position and information content of the selected second target page element, and generate a second preset display layout;

[0008] A first preset display layout style with a unique fixed layout is preset in the display module, and the name and information content of each page element correspond to the fixed position of the first preset display layout style. When an instruction to generate an article is received, the stored information is parsed by the display module, and the first preset display layout style is called to generate a final display layout style according to the preset position.

[0009] In some embodiments, a second page element corresponding to a selection operation among at least one second page element is determined as a target second page element, and the target second page element is added to the page editing area.

[0010] In some embodiments, each target second page element is laid out in the page editing area based on the layout operation for each target second page element to obtain a target page, and a logical tree corresponding to the target page is created according to the attribute information typed in each target second page element in the target page and the position information between each target second page element.

[0011] In some embodiments, data conversion is performed on the logic tree according to a preset second preset display layout style, and target data obtained by the data conversion is stored.

[0012] In some embodiments, the method for generating the second preset display layout style includes: obtaining target information of the target second page element selection, generating a page layout strategy according to the target information, and laying out the page according to the page layout strategy.

[0013] In a second aspect, the present application provides a device for editing and displaying a page article, comprising:

[0014] A first input interface is used to display at least one first page element required to constitute a page, and the first page element includes a content module;

[0015] The first storage module obtains the selected target first page element through the user selection operation interface, and stores the name and information content of the target first page element typed by the user;

[0016] The second input interface is used to display multiple second page elements required to form the content module, and the style of each second page element is fixed;

[0017] A second storage module is used to store the name, position and information content of the second target page element selected through the user selection operation interface, and generate a second preset display layout style based on the second storage module;

[0018] The display module is used to preset the display layout style. The name and information content of each page element correspond to the fixed position of the preset display layout style. When receiving the instruction to generate an article, the display module parses the storage information in the first storage module and the second storage module, and calls the preset display layout style to generate the final display layout style according to the preset position.

[0019] In some embodiments, the first page element includes at least one or more combinations of content title, overview, bound articles, source, content type, header image, and display cover.

[0020] In some embodiments, the content module is stored by a second storage module, and the second storage module saves information based on a preset Excel table. The two Excel tables are associated with each other through an ID specified by the article.

[0021] In a third aspect, the present application provides an electronic device including a memory and a processor, wherein the memory stores computer-readable instructions, and the processor implements the page article editing and display method when executing the computer-readable instructions.

[0022] In a fourth aspect, the present application provides a computer-readable storage medium, in which computer-readable instructions are stored, and when the computer-readable instructions are executed, the page article editing and display method is implemented.

[0023] Compared with the prior art, the page editing and display method and device provided by the present application have the following beneficial effects:

[0024] The present application uses the first page element of the first input interface to input the basic information of the article, the first storage module stores the information content of the target first page element, and the second input interface allows the user to select the position and information content of the second page element, and the second storage module saves its position and information content. The display module obtains the preset display typesetting style of the preset unique fixed layout, and the information content of each first page element corresponds to the fixed position of the first preset display typesetting style. When receiving the instruction to generate the article, the display module parses the storage information in the first storage module and the second storage module, and calls the first preset display typesetting style to generate the final display typesetting style according to the preset position.

[0025] This application records the basic information of the article through the first page element, and the second page element has customizable modular editing content. The number, position, component content, attributes and other information of the corresponding element components can be selected based on actual needs, thereby providing a customized and modular article generation system. BRIEF DESCRIPTION OF THE DRAWINGS

[0026] In order to more clearly illustrate the technical solution of the present application, the following is a brief introduction to the drawings required for the technical description.

[0027] Figure 1 A flow chart of the page editing and display method provided for this application;

[0028] Figure 2 A schematic diagram of the structure of the page editing and display device provided in this application. DETAILED DESCRIPTION

[0029] The following is further explained in detail through specific implementation methods.

[0030] like Figure 1 As shown, the present application provides a method for editing and displaying a page article, including:

[0031] Displaying at least one first page element required to form a page, where the first page element is used to enter basic information of the article;

[0032] Acquire the selected target first page element through the user selection operation interface, and store the name and information content of the target first page element typed by the user;

[0033] Displaying multiple second page elements required to constitute a content module, the second page elements are customizable modular editing content, wherein the style of each second page element is fixedly set;

[0034] The name, position and information content of the second target page element selected by the user selection operation interface are stored, and a second preset display layout is generated;

[0035] A first preset display layout style with a unique fixed layout is preset in the display module, and the name and information content of each page element correspond to the fixed position of the first preset display layout style. When an instruction to generate an article is received, the stored information is parsed by the display module, and the first preset display layout style is called to generate a final display layout style according to the preset position.

[0036] In one embodiment, a plurality of second page elements required to constitute a content module page are displayed through a second input interface. The second input interface includes a component list area and a page editing area, and the component list area includes at least one second page element. The second page element corresponding to the selection operation in the at least one second page element is determined as a target second page element, and the target second page element is added to the page editing area.

[0037] In the page editing area, each target second page element is typeset based on the typesetting operation for each target second page element to obtain a target page; a logic tree corresponding to the target page is created according to the attribute information typed in each target second page element in the target page and the position information between each target second page element, the logic tree including at least one component node, each component node in the at least one component node corresponds one-to-one to each target second page element; data conversion is performed on the logic tree according to a preset second preset display typesetting style, and target data obtained by the data conversion is stored.

[0038] After determining the second page element corresponding to the selection operation in at least one second page element as the target second page element, it also includes: based on the combination operation input for each target second page element in at least one target second page element, combining each target second page element to obtain a combination component template; adding the combination component template to the component list area.

[0039] In one embodiment, the method for generating the second preset display layout style is: obtaining target information selected by the target second page element; generating a page layout strategy based on the target information; and laying out the page based on the page layout strategy. The target information includes attribute information and location information, and the target information also includes at least the template style and template quantity of the target second page element.

[0040] Generate a page layout strategy based on the target information, including: determining each target second page element on the target page template in the target information; calculating data information of each target second page element; and generating a page layout strategy based on the data information. The data information at least includes: vertical or horizontal size, area size, and starting coordinate position.

[0041] After laying out the page according to the page layout strategy, the method also includes: if it is detected that the target information selected by the target second page element is updated, generating an updated page layout strategy according to the updated target information; and re-laying out the page according to the updated page layout strategy.

[0042] When the target information is updated, the updated content includes one of the following: the number, order, size and content of the target second page elements.

[0043] The present application provides a page editing and display method, through a framework with unique layout information content, under which a content module is also set. In the content module, the layout of each component is uniquely set, and the number, position, component content, attributes and other information of the corresponding component can be selected according to needs, thereby providing a customized and modular article generation system.

[0044] like Figure 2 As shown, the present application also provides a page article editing and display device, including:

[0045] A first input interface is used to display at least one first page element required to form a page and provide a user selection operation interface, wherein the first page element is used to enter basic information of the article, wherein the first page element at least includes a content module;

[0046] The first storage module obtains the selected target first page element through the user selection operation interface; stores the name and information content of the target first page element typed by the user;

[0047] The second input interface is used to display multiple second page elements required to constitute the content module page. The second page elements are customizable modular editing content and provide a user selection operation interface. The operation interface includes selection, deletion, position movement and content input of the second page elements. The style of each second page element is fixed;

[0048] A second storage module stores the name, location and information content of the second target page element selected through the user selection operation interface, and generates a second preset display layout style based on the second storage module, and the first storage module and the second storage module are bound via a unique ID identifier;

[0049] A display module, in which a preset display layout style with a unique fixed layout is preset, and the name and information content of each page element correspond to the fixed position of the preset display layout style. When receiving an instruction to generate an article, the display module parses the storage information in the first storage module and the second storage module, and calls the preset display layout style to generate a final display layout style according to the preset position.

[0050] The present application adopts a framework with unique layout information content, under which a content module is also set. In the content module, the layout of each component is uniquely set, but the number, position, component content, attributes and other information of the corresponding component can be selected as needed, thereby providing a customized and modular article generation system. Specifically, the basic information of the article is entered through the first page element of the first input interface, and the first storage module stores the information content of the target first page element. The second input interface allows the user to select the position and information content of the second page element, and the second storage module saves its position and information content. The display module obtains the preset display typesetting style of the preset unique fixed layout, and the information content of each first page element corresponds to the fixed position of the first preset display typesetting style. When receiving the instruction to generate the article, the display module parses the storage information in the first storage module and the second storage module, and calls the first preset display typesetting style to generate the final display typesetting style according to the preset position. In other words, the above scheme records the basic information of the article through the first page element, and the second page element can customize the modular editing content. The number, position, component content, attributes and other information of the corresponding element components can be selected based on actual needs, thereby providing a customized and modular article generation system.

[0051] In one embodiment, the first input interface is used to display at least one first page element required to constitute a page, and it has a typing interface with a fixed typesetting style. In addition to the content module, the first page element also includes at least one or more combinations of content title, overview, bound article, source, content type, header image and display cover. The header image is used to upload pictures of a specified format and size, and the uploaded content is the content module. In this embodiment, it is a combination of content title, overview, bound article, source, content type, uploaded content, header image and display cover. Among them, content title, overview, source, uploaded content, header image and display cover are information that users must enter.

[0052] The specific implementation method of the user operation interface is to set a mouse pointer detection area for each first page element. When the user's mouse pointer moves to the area corresponding to the first page element, the user can select the page element by clicking and enter the corresponding information.

[0053] The first storage module stores the information content of the first page elements based on a preset first Excel table. A corresponding first Excel table and ID are set for each article. Except for the content module, each row of the first Excel table stores a group of information content of the first page elements, and each row stores the ID, name, description, bound article, source, content type, content module, header image and display cover information.

[0054] The first storage module obtains the information content of the selected target first page element through the user selection operation interface; and stores the information content of the target first page element based on the user input. The first storage module can be a local storage. In other embodiments, it can also be configured on a server and saved by the server. In this embodiment, the first storage module stores the information content of the first page element based on a preset Excel table. A corresponding Excel table and ID are set for each article. In addition to the content module, each row of the Excel table stores a group of information content of the first page element, and each row stores the ID, name, description, bound article, source, content type, content module, header image and display cover information.

[0055] The content module is stored through the second storage module, wherein the second storage module also stores information based on a preset Excel table, and the two Excel tables (the first Excel table and the second Excel table) are associated with each other through the ID specified by the article.

[0056] The specific steps of generating, storing and calling the content module are as follows:

[0057] The second input interface includes a component list area and a page editing area, the component list area includes at least one second page element; the second page element corresponding to the selection operation in the at least one second page element is determined as a target second page element, and the target second page element is added to the page editing area. In the page editing area, each target second page element is typeset based on the typesetting operation for each target second page element to obtain a target page.

[0058] Specifically, the second input interface shows multiple second page elements that can be selected by the user. A user selection operation interface is provided in the display interface. The specific implementation method of the user operation interface is to set a mouse pointer detection area for each second page element. When the user's mouse pointer moves to the corresponding area of ​​the page element, the user can select the second page element by dragging, and display and edit it in the page editing area of ​​the display interface. A navigation menu is provided, and the navigation menu has appearance characters, save components and previews. Below the navigation menu is the content editing area, which is blank by default when no components are added. After adding components, the layout effect of the components in this area is the same as the front-end display effect.

[0059] The top navigation menu includes:

[0060]

Appearance Role

[0061]

Save Component

[0062] [Preview] Open a new page and view the preview effect on the front desk (the page does not actually exist on the front desk);

[0063]

X

[0064] To use the [Appearance Role] component, click the [Appearance Role] button in the top navigation menu. When the editing window pops up, check the required role and add it to the content editing area. [Appearance Role] is fixedly displayed at the top of the article content, and the order of the roles can be adjusted by dragging and dropping.

[0065] Currently, this component has 10 default roles that can be added. If you need to add a new role, you can click the [Click to Add] button in the edit window to expand and add a new role, fill in and upload the role name, role portrait, and role card. The role name text has an upper limit of 8 characters; role portraits and role cards can refer to existing role pictures for uploading.

[0066] Specifically, the first storage module obtains the added role based on the user's selection, determines it as the target role, obtains and saves the attribute information typed in each target role and the position information between each target role, and the display module parses the above information of the target role in the first storage module to generate a corresponding typesetting style. Among them, the target role attribute information is the uploaded role name, role avatar, and role card.

[0067] A logic tree corresponding to the target page is created according to the attribute information typed in each target second page element in the target page and the position information between each target second page element, the logic tree including at least one component node, each component node in the at least one component node corresponds to each target second page element one by one. Data conversion is performed on the logic tree according to a preset second preset display layout style, and target data obtained by the data conversion is stored in a second storage module.

[0068] After determining the second page element corresponding to the selection operation in at least one second page element as the target second page element, it also includes: based on the combination operation input for each target second page element in at least one target second page element, combining each target second page element to obtain a combination component template; adding the combination component template to the component list area.

[0069] The text component, blank line component, image component, blank line component, and text component are displayed in a combination between the large dialog head component and the large dialog bottom component. The content editing area actually arranges each second page element in rows of the same length in sequence along the vertical direction. The number of page elements arranged in each row is one, and the element spacing between adjacent second page elements is the same. If separation is required, a blank line component can be added to show the separation effect.

[0070] The method for generating the second preset display layout style is: obtaining target information for selecting the target second page element, wherein the target information includes attribute information and location information, and the target information also includes at least the template style and template quantity of the target second page element; generating a page layout strategy based on the target information; and laying out the page based on the page layout strategy.

[0071] Generate a page layout strategy based on the target information, including: determining each target second page element on the target page template in the target information; calculating data information of each target second page element, wherein the data information at least includes: vertical or horizontal size, area size, and starting coordinate position; generate a page layout strategy based on the data information.

[0072] After the page is laid out according to the page layout strategy, if it is detected that the target information selected by the target second page element is updated, an updated page layout strategy is generated according to the updated target information; and the page is re-laid out according to the updated page layout strategy. When the target information is updated, the updated content includes one of the following: the number, order, size and content of the target second page element.

[0073] Furthermore, the layout style of each second page element is unique and has an independent editable page. Based on the configuration information of the corresponding selected target second page element edited by the user, the second storage module stores the configuration information of the selected target second page element obtained through the user selection operation interface, and obtains the target information to generate a page layout strategy. The configuration information can be at least one or more combinations of appearance characters, background colors, text, pictures, connections, blank lines, and position information adjustment. The method for generating the layout style of the configuration information of the target second page element is: obtaining the target information of the selected configuration information in the target second page element, wherein the target information also includes attribute information, position information, and template style; generating a page layout strategy based on the target information, and laying out the page based on the page layout strategy. Generating a page layout strategy based on the target information includes: determining each target configuration information on the target page template in the target information; calculating the data information of each configuration information, wherein the data information at least includes: vertical or horizontal size, area size, and starting coordinate position; generating a corresponding page layout strategy based on the data information.

[0074] When display is required, the display module parses the storage information in the second storage module, and calls the corresponding second page element page layout strategy to generate the corresponding second page element display layout style according to the preset position.

[0075] In actual applications, the second page element includes one or more combinations of a dialog component, a graphic component, a placeholder component, and a small encyclopedia component. In this embodiment, it is preferably a combination of a dialog component, a graphic component, a placeholder component, and a small encyclopedia component. Among them, the dialog component includes a large dialog component and a small dialog component. The graphic includes at least one or more combinations of left and right graphic components, a picture component, a text component, a title component, and an insert link component. The small dialog component is used to display dialogue role information and text information with an upper limit of 80 characters. The small encyclopedia component is used to display encyclopedia information with at least one or more combinations of title text, content text, and uploaded pictures.

[0076] Among them, you can also perform further editing operations in the second page element. By clicking or dragging the second page element icon, you can add the component to the content editing area. Move the mouse to the component in the content editing area, and the [Edit], [Delete], [Move Up], [Move Down], and [Copy] buttons will be displayed around the component. You can perform operations by clicking the corresponding buttons on the single machine.

[0077] To edit the second page element, click the [Edit] button in the upper right corner of the component, and the editing window of the component will pop up. Different components have different editable contents. It is the interface diagram after entering the [Edit] button in the large dialog box. It is a top-down structure, including a large dialog box header component and a large dialog box bottom component. The large dialog box header component is used to display the dialogue role information. A customizable editing area is formed between the large dialog box header component and the large dialog box bottom component. The custom editing area is used to add at least one or more combinations of text, pictures, and blank lines in the second page element.

[0078] Specifically, in the "Large Dialog Header" component, you can edit the dialog direction, character image, and color. The dialog direction refers to the position of the character image, and you can choose to have the character on the left or on the right. It is recommended to upload a transparent or white background character image, which will be adapted to the component display width (300px) after uploading. The dialog color is blue by default, and you can choose the commonly used gray, orange, or others (HEX value filling is supported).

[0079] In the "Large Dialog Bottom" component, you can edit the color of the dialog box. The default color of the dialog box is blue. You can choose the commonly used gray, orange, or other (HEX value filling is supported).

[0080] In the "Left and Right Image and Text" component, you can edit images and text content. After uploading, the image will adapt to the component's display height (360px); the text has a maximum of 200 words, which can be highlighted by entering " "and" ”, which changes the default black regular text to bold blue text.

[0081] In the "Picture" component, you can edit the picture, the background color at the bottom of the picture, the picture description, and the background color of the description. If the width of the uploaded picture is less than or equal to 1120px, the picture size will not be reduced to fit. If the width is greater than 1120px, the display width will be reduced to fit 1120px. The default background color at the bottom of the picture is colorless. You can choose the commonly used blue, gray, orange, or other colors (HEX value is supported). There is no upper limit on the number of words in the picture description. You can enter " before and after the paragraphs that need to be highlighted. "and" ", change the default black regular text to bold blue text; the description content background color can be white or colorless.

[0082] In the "Title" component, you can edit the title text color, position, and content. The default text color is black, and you can choose blue; the text position can be selected as left (left alignment), center (center alignment), or right (right alignment); there is no upper limit on the number of words in the text content, and you can enter " before and after the paragraph that needs to be highlighted. "and"", changes the default black regular text to bold blue text; the description content background color can be white or colorless.

[0083] In the "Link" component, you can edit the link text color, position, and link. The default text color is blue, and black can be selected; the text position can be selected as left (left alignment), center (center alignment), or right (right alignment); the link is the link address that will jump after clicking the link text.

[0084] In the "Blank Line" component, you can edit the height pixel of the empty line and the background color of the empty line. The default height pixel is 30px; the default background color is blue, which is colorless. You can choose the commonly used gray, orange, or other (support HEX value filling).

[0085] This component can be used in combination with various components.

[0086] In the "Small Encyclopedia" component, you can edit the title text, content text, and upload pictures. The title text has a maximum of 30 characters, while the content text has no upper limit. Both texts can be highlighted by entering " "and" ", change the default black regular text to bold blue text. The uploaded pictures will be placed below the content text, and a maximum of 4 pictures can be uploaded.

[0087] After the user has edited the above information, the second storage module stores the position and information content of the second target page element selected through the user selection operation interface.

[0088] When display is required, a first preset display layout style with a preset unique fixed layout is obtained, the information content of each first page element corresponds to the fixed position of the first preset display layout style, and the content module of the storage content module is obtained to generate a page layout strategy. After receiving an instruction to generate an article, the display module parses the storage information in the first storage module and the second storage module, and calls the preset display layout style to generate the final display layout style according to the preset position.

[0089] In this embodiment, the top of the display page is the information content display area of ​​the first page element of a fixed style, and the middle and lower areas are the information content display areas of the second page element.

[0090] In addition, the present application also provides an electronic device, including a memory and a processor, wherein computer-readable instructions are stored in the memory, and when the processor executes the computer-readable instructions, the above-mentioned page article editing and display method is implemented.

[0091] In addition, the present application also provides a computer-readable storage medium, on which computer-readable instructions are stored, and when the computer-readable instructions are executed, the above-mentioned page article editing and display method is implemented.

[0092] 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 magnetic 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.

[0093] The above description is only a specific implementation manner of the present application, but the protection scope of the present application is not limited thereto. Any changes or substitutions that can be easily conceived by any technician familiar with the technical field within the technical scope disclosed in the present application should be covered within the protection scope of the present application.

Claims

1. A method for editing and displaying a page article, characterized in that: include: Display at least one first page element required to constitute a page, the first page element is used to enter basic information of the article, obtain the selected target first page element, and store the name and information content of the target first page element entered by the user; Display multiple second page elements required to constitute the content module page, store and obtain the name, position and information content of the selected second target page element, and generate a second preset display layout; A first preset display layout style is preset in the display module, and the name and information content of each page element correspond to the fixed position of the first preset display layout style. When an instruction to generate an article is received, the storage information is parsed by the display module, and the first preset display layout style is called to generate a final display layout style according to the preset position.

2. The page article editing and displaying method according to claim 1, characterized in that: A second page element corresponding to the selection operation in at least one second page element is determined as a target second page element, and the target second page element is added to the page editing area.

3. The page article editing and displaying method according to claim 2 is characterized in that: In the page editing area, each target second page element is typeset based on the typesetting operation for each target second page element to obtain a target page, and a logical tree corresponding to the target page is created according to the attribute information typed in each target second page element in the target page and the position information between each target second page element.

4. The page article editing and displaying method according to claim 1 is characterized in that: The logic tree is converted according to the preset second preset display layout style, and the target data obtained by the data conversion is stored.

5. The page article editing and displaying method according to claim 1, characterized in that: The method for generating the second preset display layout style includes: obtaining target information of the target second page element selection, generating a page layout strategy according to the target information, and laying out the page according to the page layout strategy.

6. A device for editing and displaying page articles, characterized in that: include: A first input interface is used to display at least one first page element required to constitute a page, and the first page element includes a content module; The first storage module obtains the selected target first page element through the user selection operation interface, and stores the name and information content of the target first page element typed by the user; The second input interface is used to display multiple second page elements required to form the content module, and the style of each second page element is fixed; A second storage module is used to store the name, position and information content of the second target page element selected through the user selection operation interface, and generate a second preset display layout style based on the second storage module; The display module is used to preset the display layout style. The name and information content of each page element correspond to the fixed position of the preset display layout style. When receiving the instruction to generate an article, the display module parses the storage information in the first storage module and the second storage module, and calls the preset display layout style to generate the final display layout style according to the preset position.

7. The page article editing and displaying method according to claim 6, characterized in that: The first page elements include at least one or more combinations of content title, overview, bound articles, source, content type, header image and display cover.

8. The page article editing and displaying method according to claim 6, characterized in that: The content module is stored by the second storage module, and the second storage module saves information based on a preset Excel table. The two Excel tables are associated with each other through an ID specified by the article.

9. An electronic device, characterized in that: It includes a memory and a processor, the memory stores computer-readable instructions, and the processor implements the page article editing and display method as described in any one of claims 1-5 when executing the computer-readable instructions.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores computer-readable instructions, and when the computer-readable instructions are executed, the page article editing and display method according to any one of claims 1 to 5 is implemented.