CN113688597A - Display method, device, equipment and storage medium of labeled file - Google Patents
Display method, device, equipment and storage medium of labeled file Download PDFInfo
- Publication number
- CN113688597A CN113688597A CN202010420717.7A CN202010420717A CN113688597A CN 113688597 A CN113688597 A CN 113688597A CN 202010420717 A CN202010420717 A CN 202010420717A CN 113688597 A CN113688597 A CN 113688597A
- Authority
- CN
- China
- Prior art keywords
- file
- display area
- information
- resource information
- style information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/117—Tagging; Marking up; Designating a block; Setting of attributes
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/169—Annotation, e.g. comment data or footnotes
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/73—Program documentation
Abstract
The disclosure relates to a display method, a device, equipment and a storage medium of a label file, wherein the method comprises the following steps: responding to a display request aiming at any design manuscript, and acquiring a label file corresponding to the design manuscript; summarizing the resource information and the style information of at least one element in the annotation file to obtain summarized resource information and style information; displaying the summarized resource information and the style information in a preset summarizing display area; and the preset summarizing display area is independent of the display area of the design manuscript. According to the method and the device, the elements in the markup file are not required to be selected, but the resource information of the elements in the markup file and the style information are summarized and displayed, so that developers can conveniently obtain resources and data required in the technology development process, and the development efficiency of the developers can be improved to a certain extent.
Description
Technical Field
The present disclosure relates to the field of data processing technologies, and in particular, to a method, an apparatus, a device, and a storage medium for displaying a markup document.
Background
The markup file is a design file with markup data obtained when a user designs a document using an internet collaborative design tool or the like. Based on the annotation data in the design file, the technical developer can perform subsequent technical development on the design content in the design file.
However, in the current display method of the markup file, only when a user selects a certain element in the markup file, the resource information, the attribute information, and the like corresponding to the element are displayed. For the markup files with a large number of elements or overlapped element positions, the problem of difficult or inaccurate element selection may exist, and for the personnel who need to perform subsequent technical development based on the resource information, attribute information and the like of each element in the markup files, certain obstacles undoubtedly exist, which are not beneficial to improving the development efficiency of technical developers.
Disclosure of Invention
To solve the technical problem or at least partially solve the technical problem, the present disclosure provides a volume recommendation method, apparatus, device, and storage medium.
In a first aspect, the present disclosure provides a display method of an annotated file, where the method includes:
responding to a display request aiming at any design manuscript, and acquiring a label file corresponding to the design manuscript;
summarizing the resource information and the style information of at least one element in the annotation file to obtain summarized resource information and style information;
displaying the summarized resource information and the style information in a preset summarizing display area; and the preset summarizing display area is independent of the display area of the design manuscript.
In an optional implementation manner, before displaying the summarized resource information and style information in a preset summary display area, the method further includes:
generating a webpage application on line based on the label file; the webpage application comprises the summarized resource information and the style information;
correspondingly, in the preset summary display area, the summarized resource information and style information are displayed, including:
running the web application by using a browser;
displaying the summarized resource information and the style information on an interface of the browser by using a preset summarizing display area; and the preset summarizing display area on the interface of the browser is independent of the display area of the annotation file.
In an optional implementation manner, after the displaying the summarized resource information and style information in a preset summary display area, the method further includes:
receiving a modified file aiming at the annotation file; wherein the modification file comprises modification information and/or message information aiming at the annotation file;
and establishing an association relation between the modified file and the annotation file.
In an optional embodiment, the method further comprises:
displaying an entry of a modified file having an association relation with the annotation file; the entry is used for triggering the display of the modified file.
In an optional embodiment, the method further comprises:
and responding to the triggering operation aiming at any element in the markup file, and displaying the source code of at least one program language corresponding to the element.
In an optional embodiment, the resource information includes a cut of a design page, and the method further includes:
responding to a cutting map downloading request, and acquiring cutting maps corresponding to each design page in the annotation file;
and issuing the cutting chart.
In a second aspect, the present disclosure provides a display device for an annotated document, the device comprising:
the acquisition module is used for responding to a display request aiming at any design manuscript and acquiring a label file corresponding to the design manuscript;
the summarizing module is used for summarizing the resource information and the style information of at least one element in the labeling file to obtain the summarized resource information and style information;
the display module is used for displaying the summarized resource information and the style information in a preset summarizing display area; and the preset summarizing display area is independent of the display area of the design manuscript.
In an alternative embodiment, the apparatus further comprises:
the generating module is used for generating webpage application on line based on the label file; the webpage application comprises the summarized resource information and the style information;
correspondingly, the display module comprises:
the operation sub-module is used for operating the webpage application by using a browser;
the display submodule is used for displaying the summarized resource information and the style information on the interface of the browser by utilizing a preset summarizing display area; and the preset summarizing display area on the interface of the browser is independent of the display area of the annotation file.
In a third aspect, the present disclosure provides a computer-readable storage medium having stored therein instructions that, when run on a terminal device, cause the terminal device to implement any of the methods described above.
In a fourth aspect, the present disclosure provides an apparatus comprising: a memory, a processor, and a computer program stored on the memory and executable on the processor, the processor implementing the method of any one of the above when executing the computer program.
Compared with the prior art, the technical scheme provided by the embodiment of the disclosure has the following advantages:
according to the display method of the markup file, when a display request carrying any file identifier is received, the markup file corresponding to the file identifier is obtained, and then resource information and style information of preset elements in the markup file are displayed in a preset summarizing mode. According to the method and the device, the elements in the markup file are not required to be selected, but the resource information of the elements in the markup file and the style information are summarized and displayed, so that developers can conveniently obtain resources and data required in the technology development process, and the development efficiency of the developers can be improved to a certain extent.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure.
In order to more clearly illustrate the embodiments or technical solutions in the prior art of the present disclosure, the drawings used in the description of the embodiments or prior art will be briefly described below, and it is obvious for those skilled in the art that other drawings can be obtained according to the drawings without inventive exercise.
Fig. 1 is a flowchart of a display method of an annotated document according to an embodiment of the present disclosure;
fig. 2 is a schematic diagram illustrating an effect of a summary display frame according to an embodiment of the disclosure;
FIG. 3 is a schematic diagram of a summary display area provided by an embodiment of the present disclosure;
fig. 4 is a flowchart of a method for displaying an annotated file according to an embodiment of an application scenario of the present disclosure;
fig. 5 is a schematic structural diagram of a display device for an annotated document according to an embodiment of the present disclosure;
fig. 6 is a schematic structural diagram of a display device for a markup document according to an embodiment of the present disclosure.
Detailed Description
In order that the above objects, features and advantages of the present disclosure may be more clearly understood, aspects of the present disclosure will be further described below. It should be noted that the embodiments and features of the embodiments of the present disclosure may be combined with each other without conflict.
In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present disclosure, but the present disclosure may be practiced in other ways than those described herein; it is to be understood that the embodiments disclosed in the specification are only a few embodiments of the present disclosure, and not all embodiments.
At present, in a method for displaying a markup file, only when a user selects a certain element in the markup file, information corresponding to the element is displayed. For example, when a user selects a certain button on a certain design page, color information, position information, and the like of the button are displayed, so that a developer can perform subsequent technical development based on information corresponding to the button.
However, for markup files with a large number of elements or overlapping element positions, there may be a problem that it is difficult or inaccurate to select elements, so that, based on the current display mode of the markup files, for those who need to perform subsequent technical development based on resource information, style information, and the like of each element in the markup files, there is certainly a certain hindrance, and it is not beneficial to improve the development efficiency of technical developers.
Therefore, the method for displaying the markup document comprises the steps of obtaining the markup document corresponding to any design document when a display request aiming at the design document is received, summarizing resource information and style information of at least one element in the markup document in a summarizing mode to obtain summarized resource information and style information, and finally displaying the summarized resource information and style information in a preset summarizing display area, wherein the preset summarizing display area is independent of a display area of the design document.
According to the display method of the labeled file, the elements in the labeled file are not required to be selected, but the resource information and the style information of the elements in the labeled file are summarized and displayed, so that developers can conveniently obtain resources and data required in the technical development process, and the development efficiency of the developers can be improved to a certain extent.
Based on this, the present disclosure provides a display method of an annotation file, referring to fig. 1, fig. 1 is a flowchart of a display method of an annotation file provided in an embodiment of the present disclosure, where the display method of an annotation file includes:
s101: and responding to a display request aiming at any design manuscript, and acquiring a label file corresponding to the design manuscript.
The display method of the markup file provided by the embodiment of the disclosure is applied to a server, and specifically, the server stores the markup file corresponding to the designed draft in advance.
The annotation file is a design file with annotation data obtained by a user when designing a manuscript by using an internet collaborative design tool and the like, and based on the annotation data in the design file, technical developers can perform subsequent technical development on design contents in the design file, wherein the annotation data can include resource information, style information and other data used for technical development, which correspond to each element in the design file.
In practical application, after receiving a display request carrying any file identifier, the server acquires a markup file corresponding to the file identifier so as to display the markup file.
In an optional implementation manner, a display request for a markup file corresponding to a file identifier may be triggered based on the file display link carrying the file identifier, and the server obtains the file identifier by analyzing the file display link, and then obtains the corresponding markup file based on the file identifier.
S102: and summarizing the resource information and the style information of at least one element in the annotation file to obtain the summarized resource information and style information.
In the embodiment of the disclosure, after determining a markup file to be displayed, a server acquires resource information and style information corresponding to each element in the markup file. The elements in the markup document may include a design page, a layer, a control, and the like.
The resource information refers to information included in a resource file in the design document, and may include pictures, audio, video, and the like, for example, a cut of a design page, pictures displayed on a control, and the like, where the cut of the design page refers to a picture that is cut into the design document and is convenient to be made into a page. The style information refers to information included in attribute data in a design document, and may include projection style information, color style information, text style information, and the like, for example, a font style including text displayed on a certain control, and the like.
In practical application, after the server side obtains the resource information and the style information corresponding to at least one element in the annotation file, the server side collects the resource information and the style information based on a collection mode, and then displays the resource information and the style information of the element in the annotation file based on a collection result, so that a user can know the information in the annotation file through the collected and displayed data. The summarizing mode may be that the style information is summarized respectively based on the style types included by the style information, and the resource information is summarized respectively based on the resource types included by the resource information.
Referring to fig. 2, an effect diagram of a summary display frame provided in the embodiment of the present disclosure is shown. Specifically, the projection style information, the color style information, and the text style information included in the style information may be collected, and then the collected style information may be displayed.
In addition, the cutting charts of the design page included in the resource information can be summarized, and then the summarized cutting charts are displayed. In addition, in order to facilitate the developer to acquire richer data from the markup file and further improve the development efficiency of the developer, the method and the system can also respectively perform summary display on the audio, the video and the like included in the resource information.
S103: displaying the summarized resource information and the style information in a preset summarizing display area; and the preset summarizing display area is independent of the display area of the design manuscript.
In the embodiment of the disclosure, after the summarized resource information and style information are obtained, the summarized resource information and style information can be summarized and displayed in a preset summarizing and displaying area. The preset summarizing and displaying area is independent of the display area of the design manuscript.
Referring to fig. 3, a schematic diagram of a summary display area provided in an embodiment of the present disclosure is shown, where a preset summary display area 301 and a display area 302 of a design manuscript are independent of each other.
In the method for displaying a markup document provided by the embodiment of the present disclosure, when a display request for any design document is received, a markup document corresponding to the design document is acquired, then resource information and style information of at least one element in the markup document are summarized to obtain summarized resource information and style information, and finally, the summarized resource information and style information are displayed in a preset summarized display area, where the preset summarized display area is independent of a display area of the design document. According to the method and the device, the elements in the markup file are not required to be selected, but the resource information of the elements in the markup file and the style information are summarized and displayed, so that developers can conveniently obtain resources and data required in the technology development process, and the development efficiency of the developers can be improved to a certain extent.
In order to facilitate understanding of the display method of the markup file provided by the present disclosure, an embodiment of the present disclosure provides an application scenario embodiment, and specifically, with reference to fig. 4, a flowchart of the display method of the markup file provided by the embodiment of the application scenario of the present disclosure is provided.
S401: and responding to a display request aiming at any design manuscript, and acquiring a label file corresponding to the design manuscript.
In an application scenario, the markup file may be a file that is delivered to a server on line by an internet collaborative design tool such as a Figma design tool based on a design manuscript completed by a designer, and is persistently stored by the server.
S402: and summarizing the resource information and the style information of at least one element in the annotation file to obtain the summarized resource information and style information.
S403: generating a webpage application on line based on the label file; and the webpage application comprises the summarized resource information and the style information.
In the embodiment of the disclosure, after the server side obtains the display request, a markup file corresponding to the design document for which the display request is directed is obtained, and then a webpage application is generated on line based on the markup file, so that a user can view the markup file on line based on the webpage application. Specifically, the method for generating the web application based on the markup document is not limited in the embodiment of the present disclosure.
In order to facilitate a developer to obtain resources and data for technical development in a markup file, in the process of generating a web application, the embodiment of the disclosure summarizes resource information and style information of preset elements in the markup file in a summarizing manner, and then stores the summarized result in the web application.
S404: and running the webpage application by using a browser, and displaying the summarized resource information and the style information by using a preset summarizing display area on an interface of the browser.
And the preset summarizing display area on the interface of the browser is independent of the display area of the annotation file.
In the embodiment of the disclosure, after the webpage application is generated on line based on the markup file, the webpage application is run by using the browser, so that the markup file is displayed on the browser interface.
In practical application, the resource information and the style information of the preset elements in the markup file are summarized and displayed in a summarizing mode on a browser interface for displaying the markup file, and developers can acquire the resource information and the style information of the elements without selecting the elements of the markup file.
In an optional implementation manner, during the process of displaying the markup file, a user may modify the design page in the markup file, for example, adjust elements such as controls on the design page, and modify texts on the design page.
In order to facilitate other users to know the modification of the annotation file by the user, the server can support multiple uploading functions for the same annotation file. Specifically, the user can upload a modification file for the annotation file to the server by triggering a preset file upload button, where the modification file includes modification information for the annotation file, such as adjusted control information and modified text content. In addition, the modified file for the markup file may also include the original information of the markup file.
After receiving a modified file for any one of the markup files, the server may establish an association relationship between the modified file and the markup file, for example, the modified file is used as a latest version file of the markup file, a version number is allocated to the modified file, and the like, so that a user can trace an adjustment process of the markup file by checking each version file of the markup file.
In practical application, when the markup file is displayed through the browser interface, an entry of a modified file having an association relation with the markup file can be displayed, so that a user can view the modified file based on the entry. In an optional implementation manner, the version number of the modified file may also be shown at the entry of the modified file, so that the user can know the specific version of the modified file corresponding to the entry.
In another optional implementation manner, in the process of displaying the markup document, the user may leave a message for any element in the markup document, for example, a developer may leave a message for a certain design page in the process of developing to indicate an opinion on the design page, and the like.
In practical application, the modified file which is triggered and uploaded to the server by the user can also comprise message leaving information, so that other users can know the opinion of the user when viewing the modified file, and the interactive function of online viewing of the annotated file is increased.
In the display method of the markup file provided by the embodiment of the disclosure, the server generates a webpage application on line, displays the markup file by using the browser, and the user can modify and leave a message based on the displayed markup file, and then delivers the modified file of the markup file again, and forms a traceable historical version for the markup file at the server, so that the user can know the adjustment process of the markup file conveniently, and simultaneously, support is provided for good interaction between product designers and developers, and development efficiency of developers is improved.
Because a developer has a download demand for the cutting of the design page in the development process, in order to facilitate the developer to download the cutting corresponding to each design page, when displaying the annotation file, a user can trigger a preset cutting download request by clicking a one-key downloading cutting button and the like, and after receiving the preset cutting download request, the server acquires the cutting corresponding to each design page from the annotation file and issues the acquired cutting to the user, thereby realizing the function of cutting one-key downloading.
Specifically, the server may compress and package the obtained cut graph and then issue the cut graph. The user can also select the cutting chart corresponding to the required design page to download based on the requirement.
In an optional implementation manner, the markup file further includes source codes corresponding to the elements, and in order to improve development efficiency of developers, the embodiment of the present disclosure displays the source codes corresponding to the elements on an interface displayed by the markup file, so that the developers can obtain the source codes for subsequent technical development.
Specifically, the server responds to a preset trigger operation of a user for any element, and displays a source code of at least one program language corresponding to the element.
In practical application, on a display interface of a markup file, a user triggers display of a source code corresponding to any element in a mode of selecting the element. In order to enable a developer to obtain source code of a required program language, the embodiment of the present disclosure may expose source code of multiple program languages for the same element. For example, when a user selects a certain button, the source code of java language and the source code of html language corresponding to the button may be displayed, specifically, the source codes of multiple programming languages may be exposed in a switching manner, and in addition, if the source codes are too long, the source codes may be exposed in a floating manner. It is noted that the present disclosure does not limit the specific way in which the source code is presented.
Corresponding to the above method implementation, the present disclosure further provides a display apparatus for an annotated document, and referring to fig. 5, the display apparatus for an annotated document provided in the embodiment of the present disclosure is a schematic structural diagram, where the apparatus includes:
an obtaining module 501, configured to respond to a display request for any design document, and obtain a markup file corresponding to the design document.
A summarizing module 502, configured to summarize the resource information and the style information of at least one element in the markup file, so as to obtain summarized resource information and style information.
A display module 503, configured to display the summarized resource information and style information in a preset summarized display area; and the preset summarizing display area is independent of the display area of the design manuscript.
In an alternative embodiment, the apparatus further comprises:
the generating module is used for generating webpage application on line based on the label file; the webpage application comprises the summarized resource information and the style information;
correspondingly, the display module comprises:
the operation sub-module is used for operating the webpage application by using a browser;
the display submodule is used for displaying the summarized resource information and the style information on the interface of the browser by utilizing a preset summarizing display area; and the preset summarizing display area on the interface of the browser is independent of the display area of the annotation file.
In addition, the apparatus may further include:
the receiving module is used for receiving a modified file aiming at the annotation file; wherein the modification file comprises modification information and/or message information aiming at the annotation file;
and the establishing module is used for establishing the association relationship between the modified file and the annotation file.
In an alternative embodiment, the apparatus further comprises:
the first display module is used for displaying the entry of the modified file which has the incidence relation with the annotation file; the entry is used for triggering the display of the modified file.
In an alternative embodiment, the apparatus further comprises:
and the second display module is used for responding to the triggering operation aiming at any element in the markup file and displaying the source code of at least one program language corresponding to the element.
In an optional embodiment, the resource information includes a cut of a design page, and the method further includes:
the first acquisition module is used for responding to a cutting map downloading request and acquiring cutting maps corresponding to each design page in the annotation file;
and the issuing module is used for issuing the cutting chart.
In the display apparatus for markup documents provided by the embodiment of the present disclosure, when a display request for any design document is received, a markup document corresponding to the design document is obtained, then resource information and style information of at least one element in the markup document are summarized to obtain summarized resource information and style information, and finally, the summarized resource information and style information are displayed in a preset summarized display area, where the preset summarized display area is independent of a display area of the design document. According to the method and the device, the elements in the markup file are not required to be selected, but the resource information of the elements in the markup file and the style information are summarized and displayed, so that developers can conveniently obtain resources and data required in the technology development process, and the development efficiency of the developers can be improved to a certain extent.
In addition, an embodiment of the present disclosure further provides a display apparatus for an annotation file, as shown in fig. 6, the display apparatus may include:
a processor 601, a memory 602, an input device 603, and an output device 604. The number of the processors 601 in the presentation apparatus of the markup document can be one or more, and one processor is taken as an example in fig. 6. In some embodiments of the invention, the processor 601, the memory 602, the input device 603 and the output device 604 may be connected by a bus or other means, wherein the connection by the bus is exemplified in fig. 6.
The memory 602 can be used for storing software programs and modules, and the processor 601 executes various functional applications and data processing of the presentation apparatus of the markup document by operating the software programs and modules stored in the memory 602. The memory 602 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required for at least one function, and the like. Further, the memory 602 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other volatile solid state storage device. The input device 603 may be used to receive entered numeric or character information and to generate signal inputs relating to user settings and function controls of the presentation apparatus for the annotation document.
Specifically, in this embodiment, the processor 601 loads the executable file corresponding to the process of one or more application programs into the memory 602 according to the following instructions, and the processor 601 runs the application program stored in the memory 602, thereby implementing various functions of the display apparatus of the markup file.
It is noted that, in this document, relational terms such as "first" and "second," and the like, may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
The foregoing are merely exemplary embodiments of the present disclosure, which enable those skilled in the art to understand or practice the present disclosure. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the disclosure. Thus, the present disclosure is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (10)
1. A display method of an annotated file is characterized by comprising the following steps:
responding to a display request aiming at any design manuscript, and acquiring a label file corresponding to the design manuscript;
summarizing the resource information and the style information of at least one element in the annotation file to obtain summarized resource information and style information;
displaying the summarized resource information and the style information in a preset summarizing display area; and the preset summarizing display area is independent of the display area of the design manuscript.
2. The method according to claim 1, wherein before displaying the summarized resource information and style information in a preset summary display area, the method further comprises:
generating a webpage application on line based on the label file; the webpage application comprises the summarized resource information and the style information;
correspondingly, in the preset summary display area, the summarized resource information and style information are displayed, including:
running the web application by using a browser;
displaying the summarized resource information and the style information on an interface of the browser by using a preset summarizing display area; and the preset summarizing display area on the interface of the browser is independent of the display area of the annotation file.
3. The method according to claim 1 or 2, wherein after the displaying the summarized resource information and style information in a preset summary display area, the method further comprises:
receiving a modified file aiming at the annotation file; wherein the modification file comprises modification information and/or message information aiming at the annotation file;
and establishing an association relation between the modified file and the annotation file.
4. The method of claim 3, further comprising:
displaying an entry of a modified file having an association relation with the annotation file; the entry is used for triggering the display of the modified file.
5. The method according to claim 1 or 2, characterized in that the method further comprises:
and responding to the triggering operation aiming at any element in the markup file, and displaying the source code of at least one program language corresponding to the element.
6. The method of claim 1 or 2, wherein the resource information comprises a cut of a design page, the method further comprising:
responding to a cutting map downloading request, and acquiring cutting maps corresponding to each design page in the annotation file;
and issuing the cutting chart.
7. A presentation device for a markup document, the device comprising:
the acquisition module is used for responding to a display request aiming at any design manuscript and acquiring a label file corresponding to the design manuscript;
the summarizing module is used for summarizing the resource information and the style information of at least one element in the labeling file to obtain the summarized resource information and style information;
the display module is used for displaying the summarized resource information and the style information in a preset summarizing display area; and the preset summarizing display area is independent of the display area of the design manuscript.
8. The apparatus of claim 7, further comprising:
the generating module is used for generating webpage application on line based on the label file; the webpage application comprises the summarized resource information and the style information;
correspondingly, the display module comprises:
the operation sub-module is used for operating the webpage application by using a browser;
the display submodule is used for displaying the summarized resource information and the style information on the interface of the browser by utilizing a preset summarizing display area; and the preset summarizing display area on the interface of the browser is independent of the display area of the annotation file.
9. A computer-readable storage medium having stored therein instructions that, when run on a terminal device, cause the terminal device to implement the method of any one of claims 1-6.
10. An apparatus, comprising: memory, a processor, and a computer program stored on the memory and executable on the processor, when executing the computer program, implementing the method of any of claims 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010420717.7A CN113688597A (en) | 2020-05-18 | 2020-05-18 | Display method, device, equipment and storage medium of labeled file |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010420717.7A CN113688597A (en) | 2020-05-18 | 2020-05-18 | Display method, device, equipment and storage medium of labeled file |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113688597A true CN113688597A (en) | 2021-11-23 |
Family
ID=78575628
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010420717.7A Pending CN113688597A (en) | 2020-05-18 | 2020-05-18 | Display method, device, equipment and storage medium of labeled file |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113688597A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115543324A (en) * | 2022-11-30 | 2022-12-30 | 网易（杭州）网络有限公司 | Method, device, equipment and medium for generating interactive interface |
| CN116166913A (en) * | 2023-04-25 | 2023-05-26 | 安元科技股份有限公司 | Method for resolving and converting design manuscript into component and generating webpage |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101739415A (en) * | 2008-11-25 | 2010-06-16 | 华中师范大学 | Browser-oriented webpage labeling system |
| CN101866342A (en) * | 2009-04-16 | 2010-10-20 | 富士通株式会社 | Method and device for generating or displaying webpage label and information sharing system |
| CN102541527A (en) * | 2010-12-17 | 2012-07-04 | 深圳市金蝶中间件有限公司 | Hovering prompting system and method |
| CN102609401A (en) * | 2011-12-26 | 2012-07-25 | 北京大学 | Webpage annotation method |
| CN102737144A (en) * | 2012-05-24 | 2012-10-17 | 山东科技大学 | Chip mounter CAM data extraction system |
| CN103425690A (en) * | 2012-05-22 | 2013-12-04 | 湖南家工场网络技术有限公司 | Picture information labeling and displaying method based on cascading style sheets |
| CN106407199A (en) * | 2015-07-27 | 2017-02-15 | 广州市动景计算机科技有限公司 | Network article comment processing method and apparatus |
| CN108268575A (en) * | 2017-01-04 | 2018-07-10 | 阿里巴巴集团控股有限公司 | Processing method, the device and system of markup information |
| CN109032601A (en) * | 2018-08-20 | 2018-12-18 | 北京知本源信息技术有限公司 | Design drawing cooperates cut map device and method online |
| CN109062573A (en) * | 2018-08-20 | 2018-12-21 | 北京知本源信息技术有限公司 | Design drawing design element information sharing apparatus and method |
-
2020
- 2020-05-18 CN CN202010420717.7A patent/CN113688597A/en active Pending
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101739415A (en) * | 2008-11-25 | 2010-06-16 | 华中师范大学 | Browser-oriented webpage labeling system |
| CN101866342A (en) * | 2009-04-16 | 2010-10-20 | 富士通株式会社 | Method and device for generating or displaying webpage label and information sharing system |
| CN102541527A (en) * | 2010-12-17 | 2012-07-04 | 深圳市金蝶中间件有限公司 | Hovering prompting system and method |
| CN102609401A (en) * | 2011-12-26 | 2012-07-25 | 北京大学 | Webpage annotation method |
| CN103425690A (en) * | 2012-05-22 | 2013-12-04 | 湖南家工场网络技术有限公司 | Picture information labeling and displaying method based on cascading style sheets |
| CN102737144A (en) * | 2012-05-24 | 2012-10-17 | 山东科技大学 | Chip mounter CAM data extraction system |
| CN106407199A (en) * | 2015-07-27 | 2017-02-15 | 广州市动景计算机科技有限公司 | Network article comment processing method and apparatus |
| CN108268575A (en) * | 2017-01-04 | 2018-07-10 | 阿里巴巴集团控股有限公司 | Processing method, the device and system of markup information |
| CN109032601A (en) * | 2018-08-20 | 2018-12-18 | 北京知本源信息技术有限公司 | Design drawing cooperates cut map device and method online |
| CN109062573A (en) * | 2018-08-20 | 2018-12-21 | 北京知本源信息技术有限公司 | Design drawing design element information sharing apparatus and method |
Non-Patent Citations (2)
| Title |
|---|
| 摹客: "摹客"柔性工作流"，让设计随需而动", Retrieved from the Internet <URL:https://www.mockplus.cn/newfeatures/post/1296> * |
| 摹客: "摹客「独门绝技」之标注切图篇", Retrieved from the Internet <URL:https://zhuanlan.zhihu.com/p/103641046> * |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115543324A (en) * | 2022-11-30 | 2022-12-30 | 网易（杭州）网络有限公司 | Method, device, equipment and medium for generating interactive interface |
| CN115543324B (en) * | 2022-11-30 | 2023-03-10 | 网易（杭州）网络有限公司 | Method, device, equipment and medium for generating interactive interface |
| CN116166913A (en) * | 2023-04-25 | 2023-05-26 | 安元科技股份有限公司 | Method for resolving and converting design manuscript into component and generating webpage |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106682219B (en) | Associated document acquisition method and device | |
| US20090019386A1 (en) | Extraction and reapplication of design information to existing websites | |
| CN108259620B (en) | Advertisement editing and previewing method, intelligent terminal, system and storage device | |
| CN108710490B (en) | Method and device for editing Web page | |
| CN103577597A (en) | Keyword searching system based on current browse webpage | |
| CN106951270B (en) | Code processing method, system and server | |
| CN106155673B (en) | Method, device, server and user equipment for realizing page content editor | |
| CN112068824A (en) | Webpage development preview method and device and electronic equipment | |
| CN113688597A (en) | Display method, device, equipment and storage medium of labeled file | |
| CN103577595A (en) | Keyword pushing method and device based on current browse webpage | |
| CN103577392A (en) | Keyword pushing method and device based on current browse webpage | |
| EP3640817A1 (en) | System and method to convert a webpage built on a legacy framework to a webpage compatible with a target framework | |
| CN111736740B (en) | Picture hot area generation method, device and equipment and storage medium | |
| CN111752561B (en) | Block development method, block sharing method, page building method and page building system | |
| CN113391808A (en) | Page configuration method and device and electronic equipment | |
| CN110968314A (en) | Page generation method and device | |
| CN114065080A (en) | Page rendering method, device, equipment and computer readable storage medium | |
| CN115659087B (en) | Page rendering method, equipment and storage medium | |
| CN115587075B (en) | Layout file processing method and device, terminal equipment and storage medium | |
| CN109101429B (en) | Method and device for debugging browser page of set top box | |
| CN116578795A (en) | Webpage generation method and device, storage medium and electronic equipment | |
| CN113792208B (en) | Picture interaction method, device, equipment, medium and program product based on webpage | |
| US6833828B1 (en) | Modified browser system | |
| CN113971251A (en) | Webpage output method, system and computer readable storage medium | |
| CN116820635A (en) | Document block sharing method, device, system and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |