WO2019114133A1

WO2019114133A1 - Method and apparatus for altering color of editing page content, terminal, and storage medium

Info

Publication number: WO2019114133A1
Application number: PCT/CN2018/077102
Authority: WO
Inventors: 利进雄
Original assignee: 平安科技（深圳）有限公司
Priority date: 2017-12-12
Filing date: 2018-02-24
Publication date: 2019-06-20
Also published as: CN108052262A

Abstract

A method for altering the color of editing page content, comprising: acquiring a content color alteration instruction in a courseware online editing page; according to the content color alteration instruction, displaying a color picker window on the courseware online editing page; acquiring a color parameter that is inputted into a parameter input field of the color picker window; converting the acquired color parameter into a color wheel position parameter; positioning a target color in a color wheel in the color picker window according to the color wheel position parameter; altering content corresponding to a content identifier in the content color alteration instruction to be the target color.

Description

Edit page content color modification method, device, terminal, and storage medium

This application claims the priority of the Chinese patent application filed on December 12, 2017, the Chinese Patent Office, the application number is 2017113168964, and the invention name is "editing page content color modification method, device, terminal and storage medium". The citations are incorporated herein by reference.

Technical field

The present application relates to the field of information processing technologies, and in particular, to a method, an apparatus, a terminal, and a storage medium for modifying a content color of an edit page.

Background technique

With the development of Internet technology, more and more data is transmitted through the Internet. With the popularity of the Internet, various Internet products have emerged, and users can implement various application functions through Internet products. Even users can edit courseware online through the terminal.

However, when the user edits the courseware in the courseware online editing page displayed by the terminal, the courseware online editing page needs to set the content in the courseware to a different color, but in the traditional online editing process, only a preset limited number of colors are provided. The choice, the limited number of colors, reduces the color mark accuracy of the edit content in the online editing page of the courseware.

Summary of the invention

According to various embodiments of the present application, an edit page content color modification method, apparatus, terminal, and storage medium are provided.

A method for modifying the color of an edit page content, including:

Obtain the content color modification instruction in the online editing page of the courseware;

Displaying a color picker window in the online editing page of the courseware according to the content color modification instruction;

Obtaining a color parameter input in a parameter input box of the color picker window;

Converting the obtained color parameters into color wheel positioning parameters;

Positioning a target color in the color wheel in the color picker window according to the color wheel positioning parameter; and

Modifying content corresponding to the content identifier in the content color modification instruction to the target color.

An editing page content color modification device, comprising:

Modifying an instruction acquisition module for acquiring a content color modification instruction in the online editing page of the courseware;

a color picker display module, configured to display a color picker window in the online editing page of the courseware according to the content color modification instruction;

a color parameter obtaining module, configured to acquire a color parameter input in a parameter input box of the color picker window;

a positioning parameter conversion module, configured to convert the obtained color parameter into a color wheel positioning parameter;

a target color positioning module, configured to locate a target color in the color wheel in the color picker window according to the color wheel positioning parameter; and

And a content color modification module, configured to modify content corresponding to the content identifier in the content color modification instruction to the target color.

A terminal, the computer device comprising a memory, a processor, and computer instructions stored on the memory and operative on the processor, the processor implementing the computer instructions to implement the following steps:

A non-transitory computer readable storage medium having stored thereon computer instructions, wherein the computer instructions, when executed by a processor, implement the following steps:

Details of one or more embodiments of the present application are set forth in the accompanying drawings and description below. Other features, objects, and advantages of the invention will be apparent from the description and appended claims.

DRAWINGS

In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings to be used in the embodiments or the prior art description will be briefly described below. Obviously, the drawings in the following description are only It is a certain embodiment of the present application, and other drawings can be obtained according to the drawings without any creative work for those skilled in the art.

1 is an application environment diagram of a method for modifying a content color of an edit page in an embodiment;

2 is a schematic flow chart of a method for modifying a content color of an edit page in an embodiment;

3 is a schematic flow chart showing steps of displaying an online editing page of a courseware in an embodiment;

4 is a flow chart showing the steps of adding a color parameter in an embodiment;

5 is a schematic flow chart showing the steps of converting color wheel positioning parameters in an embodiment;

6 is a structural block diagram of an apparatus for editing a page content color in an embodiment;

7 is a structural block diagram of an apparatus for editing a page content color in another embodiment;

FIG. 8 is a structural block diagram of an apparatus for editing a content color of a page in still another embodiment; FIG.

FIG. 9 is a structural block diagram of a terminal in an edit page content color modification system in an embodiment.

Detailed ways

In order to make the objects, technical solutions, and advantages of the present application more comprehensible, the present application will be further described in detail below with reference to the accompanying drawings and embodiments. It is understood that the specific embodiments described herein are merely illustrative of the application and are not intended to be limiting.

FIG. 1 is an application environment diagram of a method for modifying a content color of an edit page in an embodiment. Referring to FIG. 1, the edit page content color modification method is applied to an edit page content color modification system. The edit page content color modification system includes a terminal 110 and a server 120, wherein the terminal 110 is connected to the server 120 via a network. The terminal 110 may be a fixed terminal or a mobile terminal, and the fixed terminal may specifically be at least one of a printer, a scanner, and a monitor, and the mobile terminal may specifically be at least one of a tablet computer, a smart phone, a personal data assistant, and a digital camera. .

As shown in FIG. 2, in an embodiment, a method for modifying a content color of an edited page is provided. The method is applied to the terminal 110 in FIG. 1 by using the method. The method specifically includes the following content:

S202. Acquire a content color modification instruction in the online editing page of the courseware.

In one embodiment, a courseware online editing page is displayed in the terminal 110. The courseware online editing page is a page for editing courseware and establishing a long connection with the server. The user operates in the courseware online editing page through the input device of the terminal 110. When detecting the content selection operation in the online editing page of the courseware, the terminal 110 acquires the content identifier of the selected content, and after obtaining the content identifier, when the color change operation is detected, the color picker calling function identifier is obtained, according to the acquired The content identification and color picker call function identification generates a content color modification instruction. The content identifier is used to identify the unique identifier of the selected content, and the internal identifier may be the location information of the selected content in the online editing page of the courseware.

In one embodiment, the terminal 110 periodically acquires the courseware editing data in the online editing page of the courseware, and sends the acquired courseware editing data to the server 120 through the long connection, and stores the obtained courseware editing data in the server 120. After the online editing page of the courseware is abnormally closed, the terminal 110 monitors the opening instruction of the online editing page of the courseware again, and displays whether to restore the reminding information science of the courseware editing data. Upon receiving the courseware editing data recovery data command, the terminal 110 acquires the last saved courseware editing data from the server 120, and restores the courseware editing content in the courseware online editing page according to the acquired courseware editing data.

In an embodiment, S202 specifically includes the following content: when the content selection operation in the online editing page of the courseware is monitored, the content identifier of the selected content is obtained, and the content operation toolbar is displayed; in the content operation toolbar When the color change button is clicked, a content color modification instruction is generated based on the content identifier.

In one embodiment, the terminal 110 listens to the operation in the online editing page of the courseware, and when the content selection operation in the online editing page of the courseware is monitored, the content identifier of the content is obtained, the toolbar calling function is acquired, and the toolbar is executed. Call the function to get the toolbar script, draw the content operation toolbar according to the toolbar script, and display the drawn content operation toolbar in the courseware online editing page. A color change button is set in the content action toolbar. When the terminal 110 detects that the color change button in the content operation toolbar is clicked, the terminal 110 generates a content color modification instruction according to the acquired content identifier.

S204. Display the color picker window in the online editing page of the courseware according to the content color modification instruction.

In an embodiment, the terminal 110 extracts the color picker call function identifier in the content color modification instruction, searches the color picker calling function according to the color picker calling function identifier, and executes the queryed color picker calling function to acquire the color picker drawing. The script displays the color picker window in the online editing page of the courseware according to the color picker drawing script.

In an embodiment, S204 specifically includes the following: querying a color picker drawing script from a server according to the content color modification instruction; drawing a color picker window according to the finder color picker drawing script; displaying the drawn color picker window In the courseware online editing page.

In one embodiment, a preset color picker rendering script is stored in the server 120, and the color picker rendering script is a code file for drawing a color picker window. The terminal 110 parses the content color modification instruction, extracts the color picker identifier by parsing, generates a script acquisition request according to the color picker identifier, and transmits a script acquisition request to the server 120. The server 120 parses the received script acquisition request, extracts the color picker identifier by parsing, queries the color picker drawing script corresponding to the color picker identifier, and returns the queried color picker drawing script to the terminal 110. The terminal 110 invokes the browser to load the color picker drawing script, draws a color picker window according to the loaded color picker drawing script, and displays the drawn color picker window in the courseware online editing page.

In one embodiment, the terminal 110 listens to the mouse event in the online editing page of the courseware through the browser, updates the source DOM (Document Object Model) according to the monitored mouse event, and initializes the color disk at the same time. After monitoring the update of the source DOM, the HTML5Canvas tag is called to draw the color wheel, and the predefined pointer drag event and the click color capture event are bound to the drawn color wheel.

S206. Acquire a color parameter input in a parameter input box of the color picker window.

In one embodiment, a color input window is provided with a parameter input box and a parameter submit button for the user to input color parameters. The terminal 110 acquires the color parameter in the parameter input box in the color picker window when the parameter submit button is detected to be clicked.

S208. Convert the obtained color parameter into a color disk positioning parameter.

In an embodiment, after acquiring the color parameter, the terminal 110 converts the acquired color parameter into a color disk positioning parameter according to the correspondence between the color parameter and the color disk positioning parameter. The color wheel positioning parameter is a parameter for identifying the position in the color wheel, and specifically may be a coordinate parameter in the color wheel. The color parameter is a parameter for indicating the type of color.

S210. Position the target color in the color wheel in the color picker window according to the color wheel positioning parameter.

In one embodiment, after converting the color parameter to the color wheel positioning parameter, the terminal 110 determines the position in the color wheel of the color picker window according to the color wheel positioning parameter, and extracts the corresponding color from the position determined in the color wheel. Extract the color to the target color.

S212. Modify the content corresponding to the content identifier in the content color modification instruction to the target color.

In one embodiment, the terminal 110 extracts the content identifier from the content modification instruction, determines the edit content in the courseware online edit page according to the content identifier, and modifies the determined edit content to the target color.

In one embodiment, the content identification can be in a component identification or text location. The terminal 110 determines components or texts in the online editing page of the courseware according to the component identification or the position of the text, and modifies the color of the determined component or text to the target color.

In this embodiment, after the content color modification instruction in the online editing page of the courseware is acquired, the color picker window is displayed in the online editing page of the courseware according to the content color modification instruction, and the color picker window includes a parameter input box and a color wheel. Get the color parameter input in the parameter input box, convert the color parameter into the color wheel positioning parameter, locate the target color in the color wheel according to the color disk positioning parameter, and modify the content that needs to be color modified to the target color. The color picker window is displayed in the online editing page of the courseware. The target color can be positioned in the color wheel according to the color parameters in the input box, providing more colors for selection, improving the accuracy of selecting the target color, and improving the courseware. The color mark accuracy of the edited content in the online editing page avoids the conflict of the content mark color.

As shown in FIG. 3, in an embodiment, before S202, the method further includes the step of displaying a courseware online editing page, and the step specifically includes the following content:

S302. Generate an edit page data request according to the input user account.

In one embodiment, the user enters a user account in the login page of terminal 110 and clicks on the login button. When detecting that the login button of the login page is clicked, the terminal 110 acquires the input user account, and generates an edit page data request according to the acquired user account.

S304. Send an edit page data request to the server.

In one embodiment, the terminal 110 acquires a preset server address, and sends an edit page data request to the server 120 according to the preset server address. The edit page data request is used to obtain a request for courseware edit page data from the server.

S306. The receiving server edits the page data online according to the courseware returned by the edit page data request.

In an embodiment, after receiving the edit page data request, the server 120 parses the edit page data request, parses and extracts the user account in the edit page data request, and verifies the extracted user account, and verifies the extracted user. Whether the account is in the authorized user list, if the extracted user account is in the authorized user list, the verification is passed, and the courseware online editing page data is returned to the terminal 110. The terminal 110 receives the courseware online editing page data returned by the server 120.

S308. Display the courseware online editing page in the browser according to the courseware online editing page data.

In one embodiment, the terminal 110 invokes a browser to render a courseware online editing page according to the received courseware online editing page data through the browser, and displays the rendered courseware online editing page in the browser.

In one embodiment, the terminal 110 displays the courseware online editing page in the browser, establishes a long connection with the server through the browser, and the browser periodically obtains the editing content in the online editing page of the courseware, and sends the obtained editing content through the long connection. To the server 120, the server 120 stores the received edited content.

In this embodiment, the edit page data request is generated according to the input user account, and the server ensures that the server returns the online edit page data according to the edit page data request, thereby ensuring the access security of the courseware online editing page data.

As shown in FIG. 4, in an embodiment, before S206, the method further includes the step of adding a color parameter, and the step specifically includes the following:

S402. After detecting that the pointer slider of the color parameter setting bar in the color picker window slides, obtain the position of the pointer slider in the color parameter setting bar.

In one embodiment, a color parameter setting bar is disposed in the serial port of the color picker, a pointer slider is disposed on the color parameter setting bar, and a parameter range is set in the color parameter setting bar. The user drags and slides the pointer slider on the color parameter setting bar through the input device of the terminal 110 to input the corresponding color parameter. After detecting that the pointer slider on the color parameter setting bar is slid, the terminal 110 acquires the position of the pointer slider in the color parameter setting bar.

S404. Determine a color parameter according to the obtained position of the pointer slider.

In one embodiment, the color parameter setting bar is provided with a parameter range, and after acquiring the position of the pointer slider, the terminal 110 determines the color parameter according to the parameter range of the acquired position and color parameter setting bar.

For example, the color parameter setting bar is a transparency setting bar, and the parameter range of the transparency setting bar is 0%-100%. If the pointer slider is at one-half of the transparency setting bar, the determined color parameter is 50%; % is the starting position. If the pointer slider is at three-quarters of the transparency setting bar, the determined color parameter is 75%.

S406, adding a color parameter to a parameter input box of the color picker window.

In an embodiment, after determining the color parameter, the terminal 110 queries the parameter input box corresponding to the color parameter setting bar, and adds the determined color parameter to the queried parameter input box.

In this embodiment, after detecting that the pointer slider of the color parameter setting bar in the color picker window slides, the corresponding color parameter may be determined according to the position of the pointer slider in the color parameter setting bar, and the input of the color parameter is added. In this way, the pointer parameter slider can be directly dragged to complete the input of the color parameter, and the input efficiency of the color parameter is improved.

As shown in FIG. 5, in an embodiment, S208 specifically includes the step of converting color wheel positioning parameters, and the step specifically includes the following:

S502. Identify a parameter type of the obtained color parameter.

In one embodiment, the parameter type can be an RGBA parameter, an HSB parameter, or a HEX parameter. Among them, in RGBA, R means red, G means green, B means blue blue, A means transparency (Alpha); HSB, H (Hue) means hue, and S (Saturation) means saturation, B (Brightness) indicates brightness; HEX parameter is a code indicating color by hexadecimal, for example, the light pink HEX parameter is #FFB6C1; the orchid's purple HEX parameter is #DA70D6.

After acquiring the color parameter, the terminal 110 identifies the color parameter according to the format of the various parameter types, determines the format matched by the acquired color parameter, determines the parameter type corresponding to the matched format, and determines the parameter type as the acquisition. The parameter type of the color parameter to.

In one embodiment, the terminal 110 stores parameter correspondence between two color parameter types. After identifying the parameter type of the obtained color parameter, the terminal 110 queries the parameter correspondence corresponding to the parameter type, and converts the obtained color parameter into a color parameter of a different parameter type according to the corresponding relationship of the query, and obtains various parameter types. Corresponding color parameters, the obtained color parameters are added to the corresponding input box of the parameter type.

For example, the parameter type of the obtained color parameter is RGBA parameter, the correspondence between the RGBA parameter and the HSB parameter, and the correspondence between the RGBA parameter and the HEX parameter are queried, and the RGBA parameter is converted into the RGBA parameter according to the corresponding relationship between the RGBA parameter and the HSB parameter. The HSB parameter converts the RGBA parameter into a HEX parameter according to the corresponding relationship between the RGBA parameter and the HEX parameter, and adds the converted HSB parameter to the HSB parameter input box in the color picker window, and adds the converted HEX parameter. Go to the HEX parameter input box in the color picker window.

S504. Query a color disk positioning parameter conversion relationship corresponding to the parameter type.

In an embodiment, the terminal 110 stores a color wheel positioning parameter conversion relationship corresponding to each parameter type. After determining the parameter type of the color parameter, the terminal 110 queries the color disk location conversion relationship corresponding to the determined parameter type.

S506. Convert the obtained color parameter into a color disk positioning parameter according to the queried color wheel positioning parameter conversion relationship.

In an embodiment, after querying the color disk positioning parameter conversion relationship, the terminal 110 converts the color parameter according to the color disk positioning parameter conversion relationship, and obtains the color disk positioning parameter by conversion. The color wheel positioning parameter is the coordinate parameter of the color type in the color wheel.

In one embodiment, the color wheel positioning parameter conversion relationship is a correspondence relationship table between the color parameter and the color wheel positioning parameter, and the color relationship parameter and the color wheel positioning parameter corresponding to the color parameter are stored in the correspondence relationship table. The terminal 110 queries the color palette positioning parameter corresponding to the acquired color parameter in the correspondence table.

In this embodiment, by identifying the parameter type of the obtained color parameter, the obtained color parameter is converted into a color disk positioning parameter according to the recognized parameter type, to ensure that the color parameter is converted into an accurate parameter according to the parameter type of the color parameter. The color wheel positioning parameters improve the accuracy of selecting colors in the color wheel.

As shown in FIG. 6, in an embodiment, an edit page content color modification apparatus 600 is provided. The apparatus specifically includes the following: a modification instruction acquisition module 602, a color picker display module 604, a color parameter acquisition module 606, and positioning. The parameter conversion module 608, the target color localization module 610, and the content color modification module 612.

The modification instruction obtaining module 602 is configured to obtain a content color modification instruction in the online editing page of the courseware.

The color picker display module 604 is configured to display the color picker window in the courseware online editing page according to the content color modification instruction.

The color parameter obtaining module 606 is configured to acquire a color parameter input in a parameter input box of the color picker window.

The positioning parameter conversion module 608 is configured to convert the acquired color parameter into a color disk positioning parameter.

The target color positioning module 610 is configured to locate the target color in the color wheel in the color picker window according to the color wheel positioning parameter.

The content color modification module 612 is configured to modify the content corresponding to the content identifier in the content color modification instruction to the target color.

In this embodiment, after the content color modification instruction in the online editing page of the courseware is obtained, the color picker window is displayed in the online editing page of the courseware according to the content color modification instruction, and the color picker window includes a parameter input box and a color wheel. Get the color parameter input in the parameter input box, convert the color parameter into the color wheel positioning parameter, locate the target color in the color wheel according to the color disk positioning parameter, and modify the content that needs to be color modified to the target color. The color picker window is displayed in the online editing page of the courseware. The target color can be positioned in the color wheel according to the color parameters in the input box, providing more colors for selection, improving the accuracy of selecting the target color, and improving the courseware. The color mark accuracy of the edited content in the online editing page avoids the conflict of the content mark color.

As shown in FIG. 7 , in one embodiment, the edit page content color modification apparatus 600 specifically includes the following contents: a data request generation module 614 , a data request sending module 616 , a page data receiving module 618 , and an edit page display module 620 .

The data request generating module 614 is configured to generate an edit page data request according to the input user account.

The data request sending module 616 is configured to send an edit page data request to the server.

The page data receiving module 618 is configured to receive, by the server, online editing of the page data according to the courseware returned by the edit page data request.

The edit page display module 620 is configured to display the courseware online editing page in the browser according to the courseware online editing page data.

In an embodiment, the modification instruction acquisition module 602 is further configured to: when listening to the content selection operation in the courseware online editing page, obtain the content identifier of the selected content, and display the content operation toolbar; and listen to the content operation toolbar When the color change button in the middle is clicked, a content color modification instruction is generated according to the content identifier.

In one embodiment, the color picker display module 604 is further configured to query the color picker drawing script from the server according to the content color modification instruction; draw a color picker window according to the finder color picker drawing script; the color picker to be drawn The window is displayed in the courseware online editing page.

As shown in FIG. 8 , in one embodiment, the edit page content color modification apparatus 600 specifically includes the following: a slider position acquisition module 622 , a color parameter determination module 624 , and a color parameter addition module 626 .

The slider position obtaining module 622 is configured to obtain a pointer slider position in the color parameter setting bar after detecting that the pointer slider of the color parameter setting bar in the color picker window slides.

a color parameter determining module 624, configured to determine a color parameter according to the obtained pointer slider position;

A color parameter adding module 626 is configured to add a color parameter to a parameter input box of the color picker window.

In an embodiment, the positioning parameter conversion module 608 is further configured to identify the parameter type of the acquired color parameter; query the color wheel positioning parameter conversion relationship corresponding to the parameter type; and obtain the color disk positioning parameter conversion relationship according to the query The resulting color parameters are converted to color wheel positioning parameters.

FIG. 9 is a schematic diagram showing the internal structure of the terminal 110 in the edit page content color modification system of FIG. 1 in an embodiment. As shown in FIG. 9, the terminal 110 includes a processor, a non-volatile storage medium, a memory, a network interface, a display screen, and an input device connected by a system bus. The processor of terminal 110 is used to provide computing and control capabilities to support the operation of the entire terminal 110, the memory is used to store data, code instructions, etc., and the network interface is used for network communication with server 120. At least one computer instruction is stored in the memory, and the computer instruction can be executed by the processor to implement the edit page content color modification method applicable to the terminal 110 provided in the embodiment of the present application. The memory may include a non-volatile storage medium such as a magnetic disk, an optical disk, or a read-only memory (ROM). For example, in one embodiment, the memory includes a non-volatile storage medium and an internal memory; the non-volatile storage medium stores an operating system and computer instructions executable by the processor to implement the edit page content color described above Modification method; the internal memory provides a cached operating environment for operating systems and computer executable instructions in a non-volatile storage medium.

It will be understood by those skilled in the art that the structure shown in FIG. 9 is only a schematic diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the server to which the solution of the present application is applied. The specific server may include More or fewer components are shown in Figure 9, or some components are combined, or have different component arrangements.

The embodiment of the present application provides a terminal, which includes a series of computer instructions stored in a memory. When the computer instruction is executed by the processor, the method for modifying the content color of the edit page proposed by the embodiments of the present application may be implemented. In some embodiments, the particular operations implemented by the various portions of the computer instructions are based.

In one embodiment, a terminal includes a memory, a processor, and computer instructions stored on the memory and executable on the processor, the processor executing the computer instructions to implement the following steps: obtaining courseware online editing The content color modification instruction in the page; displaying the color picker window in the online editing page of the courseware according to the content color modification instruction; acquiring the color parameter input in the parameter input box of the color picker window; converting the obtained color parameter into a color wheel positioning Parameter; locate the target color in the color wheel in the color picker window according to the color wheel positioning parameter; modify the content corresponding to the content identifier in the content color modification instruction to the target color.

In one embodiment, before acquiring the content color modification instruction in the online editing page of the courseware, the processor further executes the following steps: generating an edit page data request according to the input user account; and sending the edit page data request To the server; the receiving server edits the page data online according to the courseware returned by the edit page data request; and displays the courseware online editing page in the browser according to the courseware online editing page data.

In an embodiment, obtaining a content color modification instruction in the online editing page of the courseware includes: obtaining a content identifier of the selected content when displaying the content selection operation in the online editing page of the courseware, and displaying the content operation toolbar; When the color change button in the content operation toolbar is clicked, a content color modification instruction is generated according to the content identification.

In one embodiment, the color picker window is displayed in the online editing page of the courseware according to the content color modification instruction, including: querying the color picker drawing script from the server according to the content color modification instruction; drawing the drawing according to the queryed color picker drawing script The color shader window; the color picker window to be drawn is displayed in the courseware online editing page.

In one embodiment, before acquiring the color parameter input in the parameter input box of the color picker window, the processor further implements the following steps when the computer instruction is executed: when the color parameter setting bar in the color picker window is detected After the pointer slider slides, the position of the pointer slider in the color parameter setting bar is obtained; the color parameter is determined according to the obtained position of the pointer slider; the color parameter is added to the parameter input box of the color picker window.

In one embodiment, converting the obtained color parameter into a color disk positioning parameter comprises: identifying a parameter type of the acquired color parameter; querying a color wheel positioning parameter conversion relationship corresponding to the parameter type; and according to the queried color wheel The parameter conversion relationship is located, and the obtained color parameter is converted into a color wheel positioning parameter.

A non-transitory computer readable storage medium having stored thereon computer instructions, the computer instructions being executed by a processor, causing the processor to perform the steps of: acquiring a content color modification instruction in a courseware online editing page; The content color modification instruction displays the color picker window in the online editing page of the courseware; obtains the color parameter input in the parameter input box of the color picker window; converts the obtained color parameter into a color wheel positioning parameter; according to the color wheel positioning parameter The target color is positioned in the color wheel in the color picker window; the content corresponding to the content identifier in the content color modification instruction is modified to the target color.

In one embodiment, before acquiring the content color modification instruction in the courseware online editing page, the processor further performs the steps of: generating an edit page data request according to the input user account; sending the edit page data request to the server; and receiving the server according to The courseware data returned by the editing page data request is edited online; the courseware online editing page is displayed in the browser according to the courseware online editing page data.

In one embodiment, before acquiring the color parameter input in the parameter input box of the color picker window, the processor further performs the following steps: after detecting that the pointer slider of the color parameter setting bar in the color picker window slides, Get the position of the pointer slider in the color parameter setting bar; determine the color parameter according to the obtained position of the pointer slider; add the color parameter to the parameter input box of the color picker window.

One of ordinary skill in the art can understand that all or part of the process of implementing the above embodiments can be completed by computer instructions to instruct related hardware, and the program can be stored in a non-volatile computer readable storage medium. Wherein, the program, when executed, may include the flow of an embodiment of the methods as described above. The storage medium may be a magnetic disk, an optical disk, a read-only memory (ROM), or the like.

The technical features of the above-described embodiments may be arbitrarily combined. For the sake of brevity of description, all possible combinations of the technical features in the above embodiments are not described. However, as long as there is no contradiction between the combinations of these technical features, All should be considered as the scope of this manual.

The above-mentioned embodiments are merely illustrative of several embodiments of the present application, and the description thereof is more specific and detailed, but is not to be construed as limiting the scope of the invention. It should be noted that a number of variations and modifications may be made by those skilled in the art without departing from the spirit and scope of the present application. Therefore, the scope of the invention should be determined by the appended claims.

Claims

A method for modifying the color of an edit page content, including:

Obtain the content color modification instruction in the online editing page of the courseware;

Displaying a color picker window in the online editing page of the courseware according to the content color modification instruction;

Obtaining a color parameter input in a parameter input box of the color picker window;

Converting the obtained color parameters into color wheel positioning parameters;

Positioning a target color in the color wheel in the color picker window according to the color wheel positioning parameter; and

Modifying content corresponding to the content identifier in the content color modification instruction to the target color.
The method according to claim 1, wherein before the obtaining the content color modification instruction in the online editing page of the courseware, the method further comprises:

Generating an edit page data request according to the input user account;

Sending the edit page data request to the server;

Receiving, by the server, online editing page data according to the courseware returned by the edit page data request; and

The courseware online editing page is displayed in the browser according to the courseware online editing page data.
The method according to claim 2, wherein the obtaining a content color modification instruction in the online editing page of the courseware comprises:

When the content selection operation in the online editing page of the courseware is monitored, the content identifier of the selected content is obtained, and the content operation toolbar is displayed;

When the color change button in the content operation toolbar is detected to be clicked, a content color modification instruction is generated according to the content identification.
The method according to claim 3, wherein the displaying the color picker window in the courseware online editing page according to the content color modification instruction comprises:

Querying a color picker drawing script from a server according to the content color modification instruction;

Drawing a color picker window according to the finder color drawing script; and

The drawn color picker window is displayed on the courseware online editing page.
The method according to claim 4, wherein before the obtaining the color parameter input in the parameter input box of the color picker window, the method further comprises:

After detecting that the pointer slider of the color parameter setting bar in the color picker window slides, acquiring a pointer slider position in the color parameter setting bar;

Determining the color parameter according to the obtained position of the pointer slider; and

The color parameter is added to the parameter input box of the color picker window.
The method according to claim 5, wherein the converting the acquired color parameters into color wheel positioning parameters comprises:

Identify the parameter type of the obtained color parameter;

Querying a color wheel positioning parameter conversion relationship corresponding to the parameter type; and

And converting the acquired color parameter into a color disk positioning parameter according to the queried color wheel positioning parameter conversion relationship.
An editing page content color modification device, comprising:

Modifying an instruction acquisition module for acquiring a content color modification instruction in the online editing page of the courseware;

a color picker display module, configured to display a color picker window in the online editing page of the courseware according to the content color modification instruction;

a color parameter obtaining module, configured to acquire a color parameter input in a parameter input box of the color picker window;

a positioning parameter conversion module, configured to convert the obtained color parameter into a color wheel positioning parameter;

a target color positioning module, configured to locate a target color in the color wheel in the color picker window according to the color wheel positioning parameter; and

And a content color modification module, configured to modify content corresponding to the content identifier in the content color modification instruction to the target color.
The device according to claim 7, wherein the device further comprises:

a data request generating module, configured to generate an edit page data request according to the input user account;

a data request sending module, configured to send the edit page data request to a server;

a page data receiving module, configured to receive online editing page data of the courseware returned by the server according to the edit page data request; and

The editing page display module is configured to display the courseware online editing page in the browser according to the courseware online editing page data.
A terminal comprising a memory and one or more processors having stored therein computer readable instructions, the computer readable instructions being executed by the processor, causing the one or more processors to perform the following step:

Obtain the content color modification instruction in the online editing page of the courseware;

Displaying a color picker window in the online editing page of the courseware according to the content color modification instruction;

Obtaining a color parameter input in a parameter input box of the color picker window;

Converting the obtained color parameters into color wheel positioning parameters;

Positioning a target color in the color wheel in the color picker window according to the color wheel positioning parameter; and

Modifying content corresponding to the content identifier in the content color modification instruction to the target color.
The terminal according to claim 9, wherein the processor further performs the following steps before acquiring the content color modification instruction in the online editing page of the courseware:

Generating an edit page data request according to the input user account;

Sending the edit page data request to the server;

Receiving, by the server, online editing page data according to the courseware returned by the edit page data request; and

The courseware online editing page is displayed in the browser according to the courseware online editing page data.
The terminal according to claim 10, wherein the obtaining a content color modification instruction in the online editing page of the courseware comprises:

When the content selection operation in the online editing page of the courseware is monitored, the content identifier of the selected content is obtained, and the content operation toolbar is displayed;

When the color change button in the content operation toolbar is detected to be clicked, a content color modification instruction is generated according to the content identification.
The terminal according to claim 11, wherein the displaying the color picker window in the online editing page of the courseware according to the content color modification instruction comprises:

Querying a color picker drawing script from a server according to the content color modification instruction;

Drawing a color picker window according to the finder color drawing script; and

The drawn color picker window is displayed on the courseware online editing page.
The terminal according to claim 12, wherein the processor further performs the following steps before acquiring the color parameter input in the parameter input box of the color picker window:

After detecting that the pointer slider of the color parameter setting bar in the color picker window slides, acquiring a pointer slider position in the color parameter setting bar;

Determining the color parameter according to the obtained position of the pointer slider; and

The color parameter is added to the parameter input box of the color picker window.
The terminal according to claim 13, wherein the converting the acquired color parameter into a color disk positioning parameter comprises:

Identify the parameter type of the obtained color parameter;

Querying a color wheel positioning parameter conversion relationship corresponding to the parameter type; and

And converting the acquired color parameter into a color disk positioning parameter according to the queried color wheel positioning parameter conversion relationship.
A non-transitory computer readable storage medium having stored thereon computer instructions, wherein the computer instructions, when executed by a processor, implement the following steps:

Obtain the content color modification instruction in the online editing page of the courseware;

Displaying a color picker window in the online editing page of the courseware according to the content color modification instruction;

Obtaining a color parameter input in a parameter input box of the color picker window;

Converting the obtained color parameters into color wheel positioning parameters;

Positioning a target color in the color wheel in the color picker window according to the color wheel positioning parameter; and

Modifying content corresponding to the content identifier in the content color modification instruction to the target color.
The storage medium according to claim 15, wherein before the obtaining the content color modification instruction in the online editing page of the courseware, the computer instruction is further executed by the processor to:

Generating an edit page data request according to the input user account;

Sending the edit page data request to the server;

Receiving, by the server, online editing page data according to the courseware returned by the edit page data request; and

The courseware online editing page is displayed in the browser according to the courseware online editing page data.
The storage medium according to claim 16, wherein the obtaining a content color modification instruction in the online editing page of the courseware comprises:

When the content selection operation in the online editing page of the courseware is monitored, the content identifier of the selected content is obtained, and the content operation toolbar is displayed;

When the color change button in the content operation toolbar is detected to be clicked, a content color modification instruction is generated according to the content identification.
The storage medium according to claim 17, wherein the displaying the color picker window in the online editing page of the courseware according to the content color modification instruction comprises:

Querying a color picker drawing script from a server according to the content color modification instruction;

Drawing a color picker window according to the finder color drawing script; and

The drawn color picker window is displayed on the courseware online editing page.
The storage medium according to claim 18, wherein before the obtaining the color parameter input in the parameter input box of the color picker window, the computer instruction is further executed by the processor to:

After detecting that the pointer slider of the color parameter setting bar in the color picker window slides, acquiring a pointer slider position in the color parameter setting bar;

Determining the color parameter according to the obtained position of the pointer slider; and

The color parameter is added to the parameter input box of the color picker window.
The storage medium according to claim 19, wherein the converting the acquired color parameter into a color wheel positioning parameter comprises:

Identify the parameter type of the obtained color parameter;

Querying a color wheel positioning parameter conversion relationship corresponding to the parameter type; and

And converting the acquired color parameter into a color disk positioning parameter according to the queried color wheel positioning parameter conversion relationship.