WO2024022432A1 - Information processing methods and apparatus, and electronic device - Google Patents

Abstract

Provided in the present disclosure are information processing methods and apparatus, and an electronic device. A specific embodiment of the methods comprises: receiving a target code snippet sent to a first session (201); in a session interface of the first session, rendering and displaying the target code snippet according to a first display style (202), the session interface being a session interface corresponding to a first user, and the first user being a member in the first session; and in response to a switching operation by the first user on the displayed target code snippet, rendering and displaying the target code snippet in the session interface according to a second display style (203). In the embodiment, the user can switch in the session interface the display styles of the code snippet in a session message, thus enriching the display effects of the code snippet, and improving user experience.

Description

Information processing methods, devices and electronic equipment

This application claims priority from Chinese Patent Application No. 202210901646.1 submitted on July 28, 2022 and Chinese Patent Application No. 202210899877.3 submitted on July 28, 2022. The full text of the above Chinese patent application is incorporated by reference. as part of this application.

Technical field

The present disclosure relates to the field of computer technology, and in particular to an information processing method, device and electronic equipment.

Background technique

With the continuous development of computer software technology, more and more people need to write code programs in their work and study, and people's demand for code sharing is also increasing. At present, with the promotion of online communication mode, people prefer to share and discuss code programs with colleagues or classmates through instant messaging tools. Generally speaking, users can directly use code snippets as ordinary text messages, edit them in the input box of the instant messaging tool, and send them to the conversation interface to share with friends. However, since code snippets have a unique style that is very different from ordinary text information, displaying code snippets as ordinary text information has a poor effect and user experience.

Contents of the invention

The present disclosure provides an information processing method, device and electronic equipment.

According to a first aspect, an information processing method is provided, the method including:

Receive the target code fragment sent to the first session;

In the session interface of the first session, the target code fragment is rendered and displayed according to the first presentation style; wherein the session interface is the session interface corresponding to the first user, and the first user is the first user. members of the session;

In response to the first user's switching operation on the displayed target code fragment, in the conversation interface, the target code fragment is rendered and displayed according to a second presentation style.

According to a second aspect, an information processing method is provided, the method including:

In response to the user performing a preset operation on the message input box of the instant messaging client, the message input box enters the code input mode;

Obtain the target code fragment entered in the message input box;

The target code fragment is displayed in the message input box according to a preset code display style.

According to a third aspect, an information processing device is provided, the device comprising:

A receiving module, configured to receive the target code fragment sent to the first session;

A display module configured to render and display the target code fragment according to a first display style in the session interface of the first session; wherein the session interface is a session interface corresponding to the first user, and the first user is stated members in the first session;

A switching module, configured to render and display the target code fragment according to a second presentation style in the conversation interface in response to the first user's switching operation on the displayed target code fragment.

According to a fourth aspect, an information processing device is provided, the device comprising:

A control module configured to cause the message input box to enter the code input mode in response to the user performing a preset operation on the message input box of the instant messaging client;

An acquisition module, used to acquire the target code fragment entered in the message input box;

A display module, configured to display the target code fragment in the message input box according to a preset code display style.

According to a fifth aspect, a computer-readable storage medium is provided, the storage medium stores a computer program, and when the computer program is executed by a processor, the method described in any one of the first aspect or the second aspect is implemented.

According to a sixth aspect, an electronic device is provided, including a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the program, the first aspect or the second aspect is implemented. any of the methods described.

The technical solutions provided by the embodiments of the present disclosure may include the following beneficial effects:

Embodiments of the present disclosure provide an information processing method and device. In the conversation interface, the code fragments in the conversation message are displayed in a code display style. The user can display the code fragments in the conversation message in the conversation interface. Switch styles, thereby enriching the display effect of code snippets and improving user experience.

Embodiments of the present disclosure provide an information processing method and device. The user performs a preset operation on the message input box of the instant messaging client, triggering the message input box of the instant messaging client to provide an editing area that supports the display function of code snippets, thereby The code snippets entered in the message input box are displayed in the display style corresponding to the code, which enriches the display effect of the code snippets and improves the user experience.

It should be understood that the foregoing general description and the following detailed description are exemplary and explanatory only, and do not limit the present disclosure.

Description of drawings

In order to explain the technical solutions of the embodiments of this specification more clearly, the drawings needed to be used in the description of the embodiments will be briefly introduced below. Obviously, the drawings in the following description are only some of the embodiments recorded in this specification. , for those of ordinary skill in the art, other drawings can also be obtained based on these drawings without exerting creative labor.

Figure 1a is a schematic interface diagram of an instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 1b is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 1c is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 1d is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 1e is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 1f is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 1g is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 2 is a flow chart of an instant messaging client method according to an exemplary embodiment of the present disclosure;

Figure 3a is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 3b is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 3c is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 3d is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 3e is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 3f is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 3g is a schematic interface diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 4 is a flow chart of another instant messaging client method according to an exemplary embodiment of the present disclosure;

Figure 5 is a device block diagram of an instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 6 is a device block diagram of another instant messaging client according to an exemplary embodiment of the present disclosure;

Figure 7 is a schematic block diagram of an electronic device provided by some embodiments of the present disclosure;

Figure 8 is a schematic block diagram of another electronic device provided by some embodiments of the present disclosure;

Figure 9 is a schematic diagram of a storage medium provided by some embodiments of the present disclosure.

Detailed ways

In order to enable those skilled in the art to better understand the technical solutions in this specification, the technical solutions in the embodiments of this specification will be clearly and completely described below in conjunction with the accompanying drawings in the embodiments of this specification. Obviously, the described The embodiments are only some of the embodiments of this specification, but not all of the embodiments. Based on the embodiments in this specification, all other embodiments obtained by those of ordinary skill in the art without creative efforts should fall within the scope of protection of this specification.

When the following description refers to the drawings, the same numbers in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with aspects of the disclosure as detailed in the appended claims.

The terminology used in this disclosure is for the purpose of describing particular embodiments only and is not intended to be limiting of the disclosure. As used in this disclosure, the singular forms "a," "the" and "the" are intended to include the plural forms as well, unless the context clearly dictates otherwise. It will also be understood that the term "and/or" as used herein refers to and includes any and all possible combinations of one or more of the associated listed items.

It should be understood that although the terms first, second, third, etc. may be used in this disclosure to describe various information, the information should not be limited to these terms. These terms are only used to distinguish information of the same type from each other. For example, without departing from the scope of the present disclosure, the first information may also be called second information, and similarly, the second information may also be called first information. Depending on the context, the word "if" as used herein may be interpreted as "when" or "when" or "in response to determining."

With the continuous development of computer software technology, more and more people need to write code programs in their work and study. There is also an increasing need for people to share code. At present, with the promotion of online communication mode, people prefer to share and discuss code programs with colleagues or classmates through instant messaging tools.

In related technologies, users can directly input code snippets as text information into the input box of an instant messaging tool for editing, and send it to the conversation interface to share with friends. However, since code snippets have a unique display style, which is very different from ordinary text information, displaying code snippets in the style of text information cannot reflect the unique style of the code snippets, which increases the difficulty for users to read the code snippets. The display effect and user experience of code snippets are poor.

The present disclosure provides an information processing method. In the conversation interface, the code fragments in the conversation message are displayed in a code display style. The user can switch the display style of the code fragments in the conversation message in the conversation interface. This enriches the display effect of code snippets and improves user experience.

The present disclosure will be described in detail below with reference to specific embodiments.

Figure 1a is a schematic interface diagram of an instant messaging client according to an exemplary embodiment. As shown in Figure 1a, for example, the user's friend shares the code snippet with the user through an instant messaging client. The user can open a conversation window with a friend in the instant messaging client, and the code snippet is displayed in the message box 101 of the conversation interface. The message box 101 may be, for example, a content block created in the conversational interface that supports the code display function. You can display code snippets in this content block in a code presentation style. For example, when displaying a code snippet, you can highlight some keywords in the code snippet, use different colors to display different types of keywords, and display the line number of the code snippet, etc. At the top of message box 101, there is a selection toolbar for code. For example, the selection toolbar may include a code language selection bar, a display theme selection bar, etc.

Specifically, the message box can support the display styles of multiple code languages. As shown in Figure 1b, the user can select and switch the display style of the code language through the drop-down option of the code language selection bar 102 at the top of the message box. After selecting the target code language, the code snippet can be displayed in the message box in a display style unique to the target code language (because some code keywords may have different keyword types in different code languages, so they are highlighted The displayed keywords are also displayed in different colors). For example, if the user selects the code language JAVA in the code language column, the code snippets are displayed in the content block in the display style corresponding to JAVA. The user then switches the code language JAVA to the code language ABAP through the code language selection bar, and the display style of the code snippets in the content block is switched to the corresponding display style of ABAP.

Optionally, the message box can also support multiple display themes. Each display theme corresponds to a set of display styles. Each set of display styles includes a background color of the message box and a font color corresponding to each keyword type. Therefore, keywords of the same type have the same font color under the same display theme, and different font colors under different display themes. As shown in Figure 1c, the user can select and switch the display theme through the drop-down option of the display theme selection bar 103 at the top of the message box. After selecting the target display theme, the code snippet can be displayed in the message box in the display style corresponding to the target display theme. For example, if the user selects Topic 1 by displaying the topic, the code snippet will be displayed in the message box in the display style corresponding to Topic 1. The user then switches theme 1 to theme 2 by displaying the theme selection bar, and then the display style of the code snippet in the message box is switched to the display style corresponding to theme 2.

The above example is an illustrative explanation taking the user who receives the message as an example. For the user who sends the message, On the client of the user who sent the message, in the message input box of the conversation interface, the user can also switch the display style of the code fragment when editing the code fragment. As shown in Figure 1d, the user switches the display style of the code snippet in the message input box by selecting the code language. As shown in Figure 1e, the user switches the display style of the code snippet in the message input box by selecting the display theme. In addition, after the message including the code fragment is successfully sent, the code fragment is displayed in a message box displayed on the session interface of the user who sent the message. The user who sends the message can also switch the display style of the code snippet in the message box. As shown in Figure 1f, the user switches the display style of the code snippet in the message display box by selecting the code language. As shown in Figure 1g, the user switches the display style of the code snippet in the message display box by selecting the display theme.

In the solution provided by this embodiment, in the conversation interface, the code fragments in the conversation message are displayed in the code display style. The user can switch the display style of the code fragments in the conversation message in the conversation interface, thereby enriching the code. The display effect of the fragments improves the user experience.

Furthermore, the instant messaging client supports the switching function of the display style of the code language, so that the user can switch the display style of the code snippet through the code language. This further enriches the display effect of code snippets and helps improve user experience.

Furthermore, the user can also switch the display theme of the code snippets in the instant messaging client session message, thereby further enriching the display effect of the code snippets and helping to improve the user experience.

The present disclosure will be described in detail below with reference to specific embodiments.

FIG. 2 is a flow chart of an information processing method according to an exemplary embodiment. This method can be applied to terminal equipment. In this embodiment, for ease of understanding, an example is given with reference to a terminal device capable of installing an instant messaging application. Those skilled in the art can understand that the terminal device may include but is not limited to mobile terminal devices such as smartphones, smart wearable devices, tablet computers, and the like. The method may include the following steps:

As shown in Figure 2, in step 201, the target code fragment sent to the first session is received, and in step 202, in the session interface of the first session, the target code is rendered and displayed according to the first presentation style. fragment.

In this embodiment, the first session is a session involving an instant messaging client. The instant messaging client can be a third-party application installed on the terminal device. The user can communicate with friends/group members in real time through the instant messaging client. session. The session interface of the first session is the session interface corresponding to the first user, and the first user is a member of the first session. The first user may be the sender or recipient of the target code fragment in the first session.

Specifically, before rendering and displaying the target code fragment according to the first display style, first, multiple code keywords in the target code fragment may be obtained and the first code language may be determined. You can use a preset plug-in (such as a code highlighting plug-in, etc.) to identify the target code fragment and obtain multiple code keywords included in the target code fragment. It can be understood that the preset plug-in can be any plug-in that is known in the art and may appear in the future and can realize the above functions, and the present disclosure is not limited to the specific type of the preset plug-in.

In one implementation, the code language selected by the user from the drop-down option of the code language selection bar can be obtained as the first code language. In another implementation, the code language corresponding to the target code fragment may be determined based on the code keywords included in the identified target code fragment, and the code language corresponding to the target code fragment may be used as the first code language. For example, the code keyword X is a keyword unique to the C++ language. If the target code fragment contains If you include the code keyword X, you can determine that the code language corresponding to the target code fragment is C++ language. For another example, code keyword Y is a keyword unique to C language and Java, and code keyword Z is a keyword unique to JavaScript and Java. If the target code fragment includes code keyword Y and code keyword Z, the target can be determined The code language corresponding to the code snippet is Java language. It should be noted that the above examples are only hypothetical situations for illustrating the principle, and the code keywords X, Y, and Z are only hypothetical keyword codes for examples, and are not actual keywords.

Then, the first display style is determined based on the code keyword and the first code language. In this embodiment, since some code keywords may have different keyword types in different code languages, the colors of the highlighted keywords are also different. Therefore, the keyword type corresponding to each code keyword included in the target code fragment can be determined based on the first code language, and the first display style is determined based on the keyword type corresponding to each code keyword. The first display style may include the background color of the message box used to display the target code fragment and the font color corresponding to each code keyword.

When displaying the target code fragment, each code keyword included in the target code fragment can be rendered according to its corresponding keyword type, and the target code fragment can be displayed. For example, the keyword type of code keyword A in C language is m, and the keyword type in Java is n. The color corresponding to keyword type m is red, and the color corresponding to keyword type n is green. Therefore, it is determined that the target code fragment includes code keyword A. If the code language corresponding to the target code fragment is C language, it is determined that the keyword type of code keyword A is m. After rendering according to the color corresponding to the keyword type m, the code keyword A is displayed in red. If the code language corresponding to the target code fragment is the Java language, it is determined that the keyword type of the code keyword A is n. After rendering according to the color corresponding to keyword type n, code keyword A is displayed in green.

Optionally, multiple display themes can be preset, each display theme corresponds to a set of display styles, and each set of display styles includes a background color of the message box and a font color corresponding to each keyword type. Therefore, keywords of the same type have the same font color under the same display theme, and different font colors under different display themes. Therefore, before determining the first display style, the first display theme for the code may be determined first. For example, the first display theme may be selected by the user from alternative display themes. Then, the first display style is determined based on the first display theme, the code keywords included in the target code piece, and the first code language.

Specifically, the first display style may include a first background color of the message box used to display the target code fragment and a first font color corresponding to each code keyword. After determining the keyword type corresponding to each code keyword based on the first code language, the first display style can be determined based on the first display theme and the keyword type corresponding to each code keyword in the following manner: First, obtain the first Display the background color corresponding to the theme as the first background color. And obtain mapping information corresponding to the first display theme, where the mapping information includes mapping relationship information between keyword types and font colors. Finally, based on the mapping information and the keyword type corresponding to each code keyword, the first font color corresponding to each code keyword is determined.

For example, a mapping table including mapping information is generated in advance for display theme 1. The mapping table records mapping relationship information between different keyword types and font colors (for example, keyword type 1 corresponds to color 1, and keyword type 2 corresponds to color 2. Correspondence, etc.). The user selects display theme 1 from the alternative display themes. First, each code keyword in the target code fragment can be obtained, and the first code language can be determined. Then, identify each code keyword in the first code Keyword type corresponding to the language. Finally, for each code keyword, according to the keyword type corresponding to the code keyword, the color corresponding to the code keyword type is searched from the mapping table as the font color of the code keyword. It should be noted that if any code keyword does not have a corresponding keyword type in the first code language, the code keyword can be displayed as an ordinary text string.

In step 203, in response to the first user's switching operation on the displayed target code fragment, in the conversation interface, the target code fragment is rendered and displayed according to the second presentation style.

In one implementation, the first user's switching operation on the displayed target code fragment may be an operation of switching the first code language to the second code language, wherein the second display style is determined based on the second code language, and the first The second display style includes a second font color corresponding to each code keyword. Specifically, after the first user switches the first code language to the second code language, the keyword type corresponding to each code keyword included in the target code fragment in the second code language can be determined. Then, according to the keyword type corresponding to each code keyword, the second font color corresponding to each code keyword is determined, thereby determining the second display style.

For example, keyword types include a, b, and c, keyword type a corresponds to red, keyword type b corresponds to blue, and keyword type c corresponds to green. The target code fragment includes code keywords A, B, C, D, E, and F. Under code language 1, the keyword type of keywords A, B, and C is a, and the keyword type of keywords D, E, and F is for b. Therefore, when the target code fragment is displayed in the case of code language 1, the keywords A, B, and C are rendered in red, and the keywords D, E, and F are rendered in blue. The user switches the code language from code language 1 to code language 2. Under code language 2, the keyword type of keywords A and B is a, the keyword type of keywords D and E is b, and the keyword type of keywords C and F is The keyword type is c. Therefore, after switching to code language 2, keywords A and B are rendered in red, keywords D and E are rendered in blue, and keywords C and F are rendered in green.

In another implementation, the first user's switching operation on the displayed target code fragment may also be an operation of switching the first display theme to the second display theme, wherein the second display style is determined based on the second display theme. , the second display style includes the second font color corresponding to each code keyword. Specifically, after the first user switches the first display theme to the second display theme, the keyword type corresponding to each code keyword included in the target code fragment in the first code language can be determined. Then, according to the second display theme and the keyword type corresponding to each code keyword, the second font color corresponding to each code keyword is determined, thereby determining the second display style.

For example, keyword types include a, b, and c. When displaying the topic, keyword type a corresponds to red, keyword type b corresponds to blue, and keyword type c corresponds to green. Under display theme two, keyword type a corresponds to pink, keyword type b corresponds to purple, and keyword type c corresponds to yellow. The target code fragment includes code keywords A, B, C, D, E, and F. Under code language 1, the keyword type of keywords A, B, and C is a, and the keyword type of keywords D, E, and F is for b. Therefore, when the target code fragment is displayed in the case of code language 1 and display theme 1, the keywords A, B, and C are rendered in red, and the keywords D, E, and F are rendered in blue. After the user changes the display theme from display theme to display theme two, the keywords A, B, and C are rendered in pink, and the keywords D, E, and F are rendered in purple.

The present disclosure provides an information processing method. In the conversation interface, the code fragments in the conversation message are displayed in the code display style. The user can display the code fragments in the conversation message in the conversation interface. Switch, thus enriching the display effect of code snippets and improving user experience.

Another information processing method provided by the present disclosure is that the user performs a preset operation on the message input box of the instant messaging client, triggering the message input box of the instant messaging client to provide an editing area that supports the display function of code snippets, thereby corresponding to the code The display style displays the code snippets entered in the message input box, enriching the display effect of the code snippets and improving the user experience.

The present disclosure will be described in detail below with reference to specific embodiments.

Figure 3a is a schematic interface diagram of another instant messaging client according to an exemplary embodiment. As shown in Figure 3a, for example, the user needs to share the code snippet with friends through an instant messaging client. The user can open a conversation window with a friend in the instant messaging client, and then perform a preset operation on the message input box 401 of the instant messaging client, thereby triggering the instant messaging client to provide the user with an editing area for code snippets.

In one implementation, you can directly click the icon 403 corresponding to the code in the fixed toolbar 402 of the message input box 401 to trigger the instant messaging client to provide the user with an editing area for the code snippet. In another implementation, you can also enter any character or string in the message input box, select the entered character or string, a floating toolbar will pop up (not shown in the figure), and click the code corresponding to the floating toolbar. icon, thereby triggering the instant messaging client to provide the user with an editing area for the code snippet. In yet another implementation, the instant messaging client can be triggered to provide the user with an editing area for code snippets by clicking a preset shortcut key.

Specifically, after detecting the user's preset operation, a content block that supports code editing and display functions can be created in the message input box, and the editing interface of the content block can be used as the editing area for code snippets. For example, if you directly click on the icon corresponding to the code, or click on the preset shortcut key, you can create a content block at the cursor position. For another example, if you select a character or string and then click the icon corresponding to the code, you can create a content block at the position of the selected character or string so that the selected character or string is in the content block. Code snippets can be edited in the content block you create and displayed as code. For example, when displaying a code snippet, you can highlight some keywords in the code snippet, use different colors to display different types of keywords, and display the line number of the code snippet, etc.

As shown in Figure 3b, it is a schematic diagram of the interface of the instant messaging client after the user performs the preset operation. The instant messaging client provides the user with a content block 404 of the code snippet in the message input box. At the top of the content block 404, there are editing tools 405 for the code. For example, the editing tools may include the code language selection bar shown in Figure 3b, a line break switch button, a copy button, etc., as well as other common code editing tools not shown in the figure, etc. As shown in Figure 3c, users can enter code snippets in the content block for editing, and the code snippets in the content block can be displayed in a code-specific display manner.

Optionally, the content block can support display styles of multiple code languages. As shown in Figure 3d, the user can select and switch the display style of the code language through the drop-down option 406 of the code language selection bar at the top of the editing area. Specifically, the code snippets in the content block can be displayed in a display style unique to the corresponding code language (because some code keywords included in the code snippets may have different keyword types in different code languages, so it is highly The highlighted keywords are also colored differently).

Further optionally, the content block also supports code language recognition and automatic switching of display styles. For example, Users can paste the written code snippet directly into the content block, or enter the code snippet through the keyboard in the content block. They can also enter the code snippet first, then select the code snippet and click the icon corresponding to the code, etc. If you paste the written code snippet directly into the content block, or enter the code snippet first, then select the code snippet and click the icon corresponding to the code, the code language of the pasted or selected code snippet can be automatically recognized, and the current display style will be automatically Switch to the display style corresponding to the code language. If you enter a code snippet through the keyboard in the content block, the current display style can be automatically switched to the display style corresponding to the code language selected by the user. If the user does not select a code language, the current display style can be switched to the display style corresponding to the default code language.

In addition, after selecting a character or string in the content block, you can update the style of the selected character or string. In one implementation, as shown in Figure 3e, a floating toolbar 407 for updating the style of characters or strings can pop up. The floating toolbar 407 includes multiple buttons for adjusting styles. For example, you can include buttons to adjust font thickness, buttons to adjust font inclination, buttons to add strikethrough, and buttons to add underline, etc. You can use the buttons in the pop-up floating toolbar to update the style of the selected character or string. In another implementation, you can also directly use the style adjustment button in the fixed toolbar of the message input box to update the style of the selected character or string.

Optionally, while the user is editing the target code fragment in the content block, the user can also switch the current session window to another session window. As shown in Figure 3f, while the user was discussing code snippets with his friend Zhang San, he received an instant messaging message from his friend Li Si. The user can click on the avatar of friend John Doe to switch the session window to the conversation window of friend John Doe and have a conversation with friend John Doe. Then, click on the avatar of friend Zhang San to switch the session window back to the session window of friend Zhang San, and you can continue to edit the code snippets discussed with friend Zhang San.

Optionally, when the user edits the target code snippet in the content block, the user can also mix the code snippet and the text content, that is, add text information through the message input box to comment and explain the code. As shown in Figure 3g, the user can edit the target code fragment in the content block. When the user clicks an area outside the content block, or clicks a preset shortcut key, the cursor used to indicate the input position can jump from the area of the content block. Go to the text input area below the content block. The user can enter text content used to explain the target code fragment in the text input area below the content block, and the text content can be displayed in the message input box together with the target code fragment. The text input area shown in Figure 3g is located below the content block. It can be understood that the text input area can also be located at other locations outside the content block, such as above the content block, or to the left of the content block, or to the content block. The right side, etc., this embodiment is not limited in this aspect.

It should be noted that the above description of this solution takes the editing and display of code in the input box of the session message of the instant messaging client as an example. In fact, this solution can also edit and display the code in the dynamic message input box of the instant messaging client or the comment message input box. The specific process is similar to the above embodiment and will not be described again here.

The solution provided by this embodiment is that the user performs a preset operation on the message input box of the instant messaging client, triggering the message input box of the instant messaging client to provide an editing area that supports the display function of code snippets, thereby using the display style corresponding to the code to The code snippets entered in the message input box are displayed, which enriches the display effect of the code snippets and improves the user experience.

Furthermore, the message input box of the instant messaging client also has a code language recognition function, so that it can Automatically identify the code language based on the code snippets input by the user, and automatically switch the current display style to the display style corresponding to the code language. This provides conditions for improving the editing efficiency of code snippets and further improves user experience.

Furthermore, users can also update the style of the code in the message input box of the instant messaging client, thereby improving the flexibility of editing the code and further improving the user experience.

Furthermore, while the user is editing the target code snippet in the content block, he or she can switch the current session window to another session window, then switch back to the current session window, and continue editing the target code snippet, thus making the user's operation more convenient. Convenience further enhances user experience.

Furthermore, when the user edits the target code snippet in the content block, he can also mix the code snippets and text content, and display the code snippets and text content at the same time in the message input box. The user can input in the message input box. Target code snippet and enter a description of the target code snippet. This makes the user's operation more convenient and flexible, further improving the user experience.

Figure 4 is a flowchart of another information processing method according to an exemplary embodiment. This method can be applied to terminal equipment. In this embodiment, for ease of understanding, an example is given with reference to a terminal device capable of installing an instant messaging application. Those skilled in the art can understand that the terminal device may include but is not limited to mobile terminal devices such as smartphones, smart wearable devices, tablet computers, and the like. The method may include the following steps:

As shown in Figure 4, in step 501, in response to the user performing a preset operation on the message input box of the instant messaging client, the message input box enters the code input mode.

In this embodiment, the instant messaging client can be a third-party application installed on the terminal device. The user can have real-time conversations with friends/group members through the instant messaging client, and can also send public dynamic messages to friends/groups. Group members can share and discuss, and they can also comment on dynamic messages sent by themselves or others.

The message input box of the instant messaging client can be an input box for conversation messages, dynamic messages, or comment messages. The input box of the conversation message may be an input box used for editing conversation content during a real-time conversation. The input box of the dynamic message can be an input box used to edit the published content when publishing a public dynamic message. The input box for comment messages can be an input box used to edit the comment content when commenting on dynamic messages posted by yourself or others.

In this embodiment, the user's preset operation on the message input box of the instant messaging client can be to directly click the icon corresponding to the code in the fixed toolbar corresponding to the message input box, or to press a preset shortcut key. You can also enter and select characters or strings in the message input box, and then click the icon corresponding to the code in the pop-up floating toolbar.

In step 502, obtain the target code fragment entered in the message input box. And in step 503, the target code fragment is displayed in the message input box according to a preset code display style.

In this embodiment, after detecting the above preset operation, an independent content block to be edited can be created in the message input box. This content block can support the editing and display of code snippets. The user can Enter the code snippet. The code snippet entered in the content block of the message input box can be obtained as the target code snippet, and the target code snippet can be displayed in the message input box according to the preset code display style. Wherein, the code keywords in the target code fragment are highlighted (for example, highlighted), and the code line numbers in the target code fragment are displayed.

Specifically, when displaying the target code fragment, multiple code keywords in the target code fragment can first be obtained. For example, multiple code keywords in the target code fragment can be identified through a preset plug-in (such as a code highlighting plug-in, etc.) . It can be understood that the preset plug-in can be any plug-in that is known in the art and may appear in the future and can realize the above functions. The present disclosure is not limited to the specific type of the preset plug-in. Then, determine the code language corresponding to the target code fragment. In one implementation, the code language selected by the user from the drop-down option of the code language selection column can be obtained as the code language corresponding to the target code fragment.

In another implementation manner, since different code languages have some unique code keywords, the code language corresponding to the target code fragment can also be determined based on the code keywords included in the identified target code fragment. For example, the code keyword X is a keyword unique to the C++ language. If the target code fragment includes the code keyword X, it can be determined that the code language corresponding to the target code fragment is the C++ language. For another example, code keyword Y is a keyword unique to C language and Java, and code keyword Z is a keyword unique to JavaScript and Java. If the target code fragment includes code keyword Y and code keyword Z, the target can be determined The code language corresponding to the code snippet is Java language. It should be noted that the above examples are only hypothetical situations for illustrating the principle, and the code keywords X, Y, and Z are only hypothetical keyword codes for examples, and are not actual keywords.

Since some code keywords may correspond to different keyword types in different code languages, the colors of highlighted keywords are also different. Therefore, the keyword type corresponding to each code keyword included in the target code fragment can be determined based on the code language corresponding to the target code fragment. In this content block, each code keyword included in the target code fragment can be rendered according to its corresponding keyword type, and the target code fragment can be displayed. For example, the keyword type of code keyword A in C language is m, and the keyword type in Java is n. The color corresponding to keyword type m is red, and the color corresponding to keyword type n is green. Therefore, it is determined that the target code fragment includes code keyword A. If the code language corresponding to the target code fragment is C language, it is determined that the keyword type of code keyword A is m. After rendering according to the color corresponding to the keyword type m, the code keyword A is displayed in red. If the code language corresponding to the target code fragment is the Java language, it is determined that the keyword type of the code keyword A is n. After rendering according to the color corresponding to keyword type n, code keyword A is displayed in green.

Optionally, during the process of inputting or displaying the target code fragment in the message input box, in response to the user's first switching operation on the instant messaging client, the cursor used to indicate the input position can be used to jump to the content in the message input box. Input area outside the block. The first switching operation may be an operation of clicking an area outside the content block, or an operation of clicking a preset shortcut key, etc. It can be understood that this embodiment does not limit the specific manner of the first switching operation. Specifically, code snippets can be edited while the cursor is in a content block. You can move the cursor to an area outside the content block in the message input box. When the cursor is located in an area outside the content block in the message input box, you can edit the text content in the message input box. Moreover, code snippets and text content can be displayed in the message input box at the same time. For example, the code snippet is located in the rectangular box corresponding to the content block, and the text content is located outside the rectangular box corresponding to the content block. In this way, code blocks and text messages can be mixed and edited, and code blocks and text messages can be sent simultaneously in a conversation message. In other embodiments, when the cursor is located in an area outside the content block in the message input box, pictures/videos can also be input in the input box by pasting or dragging, so that the code blocks and pictures/videos can be mixed. row, that is, the open code block and pictures/videos can be sent in one message. Of course, you can also implement code blocks, Text and pictures are the mixed editing of any two or more types in the video.

Further optionally, when the user performs a second switching operation on the instant messaging client, the first session window can be switched to a second session window different from the first session window, and when the user performs a third switching operation on the instant messaging client During the operation, the second session window is switched back to the first session window, and the user can still continue to display the target code fragment in the message input box.

Another information processing method provided by the present disclosure is that the user performs a preset operation on the message input box of the instant messaging client, triggering the message input box of the instant messaging client to provide an editing area that supports the display function of code snippets, thereby using the code corresponding to The display style displays the code snippets entered in the message input box, enriching the display effect of the code snippets and improving the user experience.

It should be noted that although in the above embodiments, the operations of the methods of the embodiments of the present disclosure are described in a specific order, this does not require or imply that these operations must be performed in this specific order, or that all the operations shown must be performed. to achieve the desired results. Instead, the steps depicted in a flowchart can be executed in a different order. Additionally or alternatively, certain steps may be omitted, multiple steps may be combined into one step for execution, and/or one step may be broken down into multiple steps for execution.

Corresponding to the foregoing information processing method embodiments, the present disclosure also provides embodiments of an information processing apparatus.

As shown in FIG. 5 , FIG. 5 is a block diagram of an information processing device according to an exemplary embodiment of the present disclosure. The device may include: a receiving module 301 , a display module 302 and a switching module 303 .

Among them, the receiving module 301 is used to receive the target code fragment sent to the first session.

The display module 302 is configured to render and display the target code fragment according to the first display style in the session interface of the first session. The conversation interface is a conversation interface corresponding to the first user, and the first user is a member of the first conversation.

The switching module 303 is configured to render and display the target code fragment according to the second presentation style in the conversation interface in response to the first user's switching operation on the displayed target code fragment.

In some implementations, the device may include: an obtaining module and a determining module (not shown in the figure).

Wherein, the obtaining module is used to obtain multiple code keywords in the target code fragment and determine the first code language before rendering and displaying the target code fragment according to the first display style.

The determining module is used to determine the first display style based on the above code keywords and the first code language.

In other implementations, the above-mentioned switching operation may include an operation of switching the first code language to the second code language, and the above-mentioned second display style is determined based on the second code language.

In other implementations, the acquisition module may obtain multiple code keywords in the target code fragment in the following manner: using a preset plug-in to identify the target code fragment and obtain multiple code keywords included in the target code fragment.

In other implementations, the determining module may include: a first sub-module and a second sub-module (not shown in the figure).

Among them, the first sub-module is used to determine the keyword type corresponding to each code keyword based on the first code language.

The second sub-module is used to determine the first display style based on the keyword type corresponding to each code keyword.

In other embodiments, the device may also include: a theme determination module and a style determination module (not shown in the figure). Shows).

Wherein, the theme determination module is used to determine the first display theme for the code before rendering and displaying the target code fragment according to the first display style.

The style determination module is used to determine the first display style based on the first display theme.

In other embodiments, the switching operation includes switching the first display theme to the second display theme, and the second display style is determined based on the second display theme.

In other implementations, the style determination module is configured to obtain a plurality of code keywords in the target code fragment and determine the first code language. Based on the first code language, the keyword type corresponding to each code keyword is determined, and based on the first display theme and the keyword type corresponding to each code keyword, the first display style is determined.

In other implementations, the above-mentioned first display style includes a first background color of the message box used to display the target code fragment and a first font color corresponding to each code keyword.

In other embodiments, the second determination sub-module determines the first display style based on the first display theme and the keyword types corresponding to each code keyword in the following manner: obtaining the background color corresponding to the first display theme as the first background color, and obtain mapping information corresponding to the first display theme. The mapping information includes information on the mapping relationship between keyword types and font colors. Based on the mapping information and the keyword type corresponding to each code keyword, the first font color corresponding to each code keyword is determined.

In other embodiments, the target code snippet is displayed in a content block created in the conversational interface.

In other implementations, displaying the target code fragment includes highlighting code keywords in the target code fragment and displaying code line numbers in the target code fragment.

As shown in FIG. 6 , FIG. 6 is a block diagram of another information processing device according to an exemplary embodiment of the present disclosure. The device may include: a control module 601 , an acquisition module 602 and a display module 603 .

Among them, the control module 601 is used to cause the message input box to enter the code input mode in response to the user performing a preset operation on the message input box of the instant messaging client.

The acquisition module 602 is used to acquire the target code fragment input in the above message input box.

The display module 603 is used to display the target code fragment in the above message input box according to a preset code display style.

In some implementations, the control module 601 is configured to create a content block in the above message input box.

Wherein, the acquisition module 602 is configured to: acquire the code fragment input in the content block of the message input box as the target code fragment.

In other implementations, the display module 603 may include: an acquisition sub-module, a determination sub-module and a display sub-module (not shown in the figure).

Among them, the acquisition sub-module is used to obtain multiple code keywords in the target code fragment.

Determine the sub-module for determining the first code language corresponding to the target code fragment.

The display sub-module is used to display the target code fragment in the content block based on the code keyword and the first code language.

In other implementations, the acquisition sub-module is configured to: use a preset plug-in to perform the target code snippet Identify and obtain multiple code keywords included in the target code fragment.

In other embodiments, the determining sub-module is configured to identify the first code language based on a plurality of code keywords.

In other embodiments, the display sub-module is configured to: determine the keyword type corresponding to each code keyword based on the first code language, and in the above content block, render and render based on the keyword type corresponding to the code keyword. Show the target code snippet.

In other implementations, the display module 603 displays the target code fragment in the following manner: highlighting the code keywords in the target code fragment and displaying the code line numbers in the target code fragment.

In other embodiments, the user's preset operation on the message input box of the instant messaging client includes any of the following: the user triggers the control by sending a code block in the fixed toolbar of the message input box; the user selects After the input content in the message input box triggers the display of the floating input box, the code sending control in the floating input box is triggered.

In other embodiments, the device may further include: a selection module, an operation module and an update module (not shown in the figure).

Among them, the selection module is used to determine the character or string selected by the user from the target code fragment.

The operation module is used to determine the user's operation on the character or string to update the pattern.

The update module is used to update the style of the character or string in response to the update style operation.

In other implementations, a formatting toolbar is displayed in the message input box. The user's operations for updating the style on characters or strings include: after the user selects the character or string, select the format control corresponding to the style from the format toolbar.

In other implementations, the message input box of the instant messaging client includes: an input box for conversation messages, an input box for dynamic messages, or an input box for comment messages.

In other embodiments, the device may further include: a first switching module, a text acquisition module and a text display module (not shown in the figure).

Among them, the first switching module is used to cause the cursor indicating the input position to jump to the message in response to the first switching operation performed by the user on the instant messaging client during the process of inputting or displaying the target code fragment in the message input box. The input area outside the content block in the input box.

The text acquisition module is used to acquire the content input in the above-mentioned input area. The input content includes one or more of text, picture, and video.

The text display module is used to display the target code snippet in the content block and at the same time display the above-mentioned input content in the above-mentioned input area.

In other embodiments, the message input box is an input box of the first conversation window; the device may also include: a second switching module and a third switching module (not shown in the figure).

Wherein, the second switching module is used to switch the first session window to the second session in response to the second switching operation performed by the user on the instant messaging client during the process of inputting or displaying the target code fragment in the message input box. window.

The third switching module is configured to switch the second session window back to the first session window in response to the user performing a third switching operation on the instant messaging client, and continue to display the target code fragment in the message input box.

As for the device embodiment, since it basically corresponds to the method embodiment, please refer to the partial description of the method embodiment for relevant details. The device embodiments described above are only illustrative. The units described as separate components may or may not be physically separated. The components shown as units may or may not be physical units, that is, they may be located in One location, or it can be distributed across multiple network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the embodiments of the present disclosure. Persons of ordinary skill in the art can understand and implement the method without any creative effort.

Figure 7 is a schematic block diagram of an electronic device provided by some embodiments of the present disclosure. As shown in Figure 7, the electronic device 910 includes a processor 911 and a memory 912, which can be used to implement a client or a server. Memory 912 is used to non-transitoryly store computer-executable instructions (eg, one or more computer program modules). The processor 911 is used to run the computer executable instructions. When the computer executable instructions are run by the processor 911, the computer executable instructions can perform one or more steps in the information processing method described above, thereby realizing the information processing described above. method. Memory 912 and processor 911 may be interconnected by a bus system and/or other forms of connection mechanisms (not shown).

For example, the processor 911 may be a central processing unit (CPU), a graphics processing unit (GPU), or other forms of processing units with data processing capabilities and/or program execution capabilities. For example, the central processing unit (CPU) may be of X86 or ARM architecture. The processor 911 may be a general-purpose processor or a special-purpose processor and may control other components in the electronic device 910 to perform desired functions.

For example, memory 912 may include any combination of one or more computer program products, which may include various forms of computer-readable storage media, such as volatile memory and/or non-volatile memory. Volatile memory may include, for example, random access memory (RAM) and/or cache memory (cache), etc. Non-volatile memory may include, for example, read-only memory (ROM), hard disk, erasable programmable read-only memory (EPROM), portable compact disk read-only memory (CD-ROM), USB memory, flash memory, and the like. One or more computer program modules may be stored on a computer-readable storage medium, and the processor 911 may run one or more computer program modules to implement various functions of the electronic device 910 . Various application programs and various data, as well as various data used and/or generated by the application programs, etc. can also be stored in the computer-readable storage medium.

It should be noted that in the embodiment of the present disclosure, for the specific functions and technical effects of the electronic device 910, reference can be made to the above description of the information processing method, which will not be described again here.

Figure 8 is a schematic block diagram of another electronic device provided by some embodiments of the present disclosure. The electronic device 920 is, for example, suitable for implementing the information processing method provided by the embodiment of the present disclosure. The electronic device 920 may be a terminal device or the like, and may be used to implement a client or a server. The electronic device 920 may include, but is not limited to, a mobile phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet computer), a PMP (portable multimedia player), a vehicle-mounted terminal (such as a vehicle-mounted navigation terminal), Mobile terminals such as wearable electronic devices and fixed terminals such as digital TVs, desktop computers, smart home devices, etc. It should be noted that the electronic device 920 shown in FIG. 8 is only an example, which does not bring any limitations to the functions and scope of use of the embodiments of the present disclosure.

As shown in Figure 8, the electronic device 920 may include a processing device (such as a central processing unit, a graphics processor, etc.) 921, It can perform various appropriate actions and processes according to the program stored in the read-only memory (ROM) 922 or the program loaded from the storage device 928 into the random access memory (RAM) 923. In the RAM 923, various programs and data required for the operation of the electronic device 920 are also stored. The processing device 921, ROM 922 and RAM 923 are connected to each other through a bus 924. An input/output (I/O) interface 925 is also connected to bus 924.

Generally, the following devices may be connected to the I/O interface 925: input devices 926 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a liquid crystal display (LCD), speakers, vibration An output device 927 such as a computer; a storage device 928 including a magnetic tape, a hard disk, etc.; and a communication device 929. The communication device 929 may allow the electronic device 920 to communicate wirelessly or wiredly with other electronic devices to exchange data. Although FIG. 8 illustrates electronic device 920 having various means, it should be understood that implementation or provision of all illustrated means is not required and electronic device 920 may alternatively implement or be provided with more or fewer means.

For example, according to embodiments of the present disclosure, the above-mentioned information processing method may be implemented as a computer software program. For example, embodiments of the present disclosure include a computer program product including a computer program carried on a non-transitory computer-readable medium, the computer program including program code for executing the above information processing method. In such embodiments, the computer program may be downloaded and installed from the network via communication device 929, or from storage device 928, or from ROM 922. When the computer program is executed by the processing device 921, the functions defined in the information processing method provided by the embodiments of the present disclosure can be realized.

Figure 9 is a schematic diagram of a storage medium provided by some embodiments of the present disclosure. For example, as shown in FIG. 9 , the storage medium 930 may be a non-transitory computer-readable storage medium for storing non-transitory computer-executable instructions 931 . When the non-transitory computer-executable instructions 931 are executed by the processor, the information processing method described in the embodiment of the present disclosure may be implemented. For example, when the non-transitory computer-executable instructions 931 are executed by the processor, the method described above may be executed. one or more steps in the information processing method described above.

For example, the storage medium 930 may be applied in the above-mentioned electronic device. For example, the storage medium 930 may include a memory in the electronic device.

For example, the storage medium may include a memory card of a smartphone, a storage component of a tablet computer, a hard drive of a personal computer, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM), Portable compact disk read-only memory (CD-ROM), flash memory, or any combination of the above storage media can also be other suitable storage media.

For example, the description of the storage medium 930 may refer to the description of the memory in the embodiment of the electronic device, and repeated descriptions will not be repeated. For the specific functions and technical effects of the storage medium 930, please refer to the above description of the information processing method, and will not be described again here.

It should be noted that in the context of the present disclosure, a computer-readable medium may be a tangible medium that may contain or be stored for use by or in conjunction with an instruction execution system, apparatus, or device. program. The computer-readable medium may be a computer-readable signal medium or a computer-readable storage medium or any combination of the two. The computer-readable storage medium may be, for example, but is not limited to: an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination thereof. More specific examples of computer readable storage media may include, but are not limited to: an electrical connection having one or more wires, a portable computer magnetic Disk, hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, Magnetic storage device, or any suitable combination of the above. In this disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device. In the present disclosure, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device . Program code embodied on a computer-readable medium may be transmitted using any suitable medium, including but not limited to: wire, optical cable, RF (radio frequency), etc., or any suitable combination of the above.

Other embodiments of the disclosure will be readily apparent to those skilled in the art from consideration of the specification and practice of the invention disclosed herein. The present disclosure is intended to cover any variations, uses, or adaptations of the disclosure that follow the general principles of the disclosure and include common common sense or customary technical means in the technical field that are not disclosed in the disclosure. . It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.

It is to be understood that the present disclosure is not limited to the precise structures described above and illustrated in the accompanying drawings, and various modifications and changes may be made without departing from the scope thereof. The scope of the disclosure is limited only by the appended claims.

Claims (29)

1. An information processing method, the method includes:

   Receive the target code fragment sent to the first session;

   In the session interface of the first session, the target code fragment is rendered and displayed according to the first presentation style; wherein the session interface is the session interface corresponding to the first user, and the first user is the first user. members in the session;

   In response to the first user's switching operation on the displayed target code fragment, in the conversation interface, the target code fragment is rendered and displayed according to a second presentation style.
2. The method according to claim 1, wherein before rendering and displaying the target code fragment according to the first display style, it further includes:

   Obtain multiple code keywords in the target code fragment and determine the first code language;

   The first display style is determined based on the code keyword and the first code language.
3. The method of claim 2, wherein the switching operation includes an operation of switching the first code language to a second code language; the second presentation style is determined based on the second code language.
4. The method according to claim 2 or 3, wherein said obtaining a plurality of code keywords in the target code fragment includes: using a preset plug-in to identify the target code fragment to obtain the target code Multiple code keywords included in the snippet.
5. The method according to any one of claims 2-4, wherein determining the first display style based on the code keyword and the first code language includes:

   Based on the first code language, determine the keyword type corresponding to each code keyword;

   Based on the keyword type corresponding to each code keyword, a first display style is determined.
6. The method according to any one of claims 1-5, wherein before rendering and displaying the target code fragment according to the first display style, it further includes:

   Determine the first display theme for the code;

   The first display style is determined based on the first display theme.
7. The method of claim 6, wherein the switching operation includes an operation of switching the first display theme to a second display theme; the second display style is determined based on the second display theme.
8. The method according to claim 6 or 7, wherein determining the first display style based on the first display theme includes:

   Obtain multiple code keywords in the target code fragment and determine the first code language;

   Based on the first code language, determine the keyword type corresponding to each code keyword;

   A first display style is determined based on the first display theme and the keyword type corresponding to each code keyword.
9. The method according to claim 8, wherein the first display style includes a first background color of a message box used to display the target code fragment and a first font color corresponding to each code keyword.
10. The method according to claim 9, wherein determining the first display style based on the first display theme and the keyword type corresponding to each code keyword includes:

    Obtain the background color corresponding to the first display theme as the first background color; and

    Obtain mapping information corresponding to the first display theme; the mapping information includes information on the mapping relationship between keyword types and font colors;

    Based on the mapping information and the keyword type corresponding to each code keyword, the first font color corresponding to each code keyword is determined.
11. The method of any one of claims 1-10, wherein the target code fragment is presented in a content block created in the conversational interface.
12. The method according to any one of claims 1-11, wherein said displaying the target code fragment includes highlighting code keywords in the target code fragment and displaying code in the target code fragment Line number.
13. An information processing method, the method includes:

    In response to the user performing a preset operation on the message input box of the instant messaging client, the message input box enters the code input mode;

    Obtain the target code fragment entered in the message input box;

    The target code fragment is displayed in the message input box according to a preset code display style.
14. The method of claim 13, wherein:

    Said causing the message input box to enter the code input mode includes: creating a content block in the message input box;

    The obtaining the target code fragment input in the message input box includes: obtaining the code fragment input in the content block of the message input box as the target code fragment.
15. The method according to claim 14, wherein displaying the target code fragment in the message input box according to a preset code display style includes:

    Obtain multiple code keywords in the target code fragment;

    Determine the first code language corresponding to the target code fragment;

    Based on the code keyword and the first code language, the target code fragment is displayed in the content block.
16. The method according to claim 15, wherein obtaining multiple code keywords in the target code fragment includes: using a preset plug-in to identify the target code fragment, and obtaining the code keywords included in the target code fragment. Multiple code keywords.
17. The method according to claim 15 or 16, wherein the determining the first code language corresponding to the target code fragment includes: identifying the first code language based on the plurality of code keywords.
18. The method according to any one of claims 15-17, wherein displaying the target code fragment in the content block based on the code keyword and the first code language includes:

    Based on the first code language, determine the keyword type corresponding to each of the code keywords;

    In the content block, the target code is rendered and displayed based on the keyword type corresponding to the code keyword. fragment.
19. The method according to any one of claims 14 to 18, wherein during the process of inputting or displaying the target code fragment in the message input box, the method further includes:

    In response to the user's first switching operation on the instant messaging client, causing the cursor used to indicate the input position to jump to an input area outside the content block in the message input box;

    Obtain the content input in the input area; the input content includes one or more of text, pictures, and videos; and

    While the target code fragment is displayed in the content block, the input content is displayed in the input area.
20. The method according to any one of claims 13-19, wherein said displaying the target code fragment includes highlighting code keywords in the target code fragment and displaying code in the target code fragment Line number.
21. The method according to any one of claims 13-20, wherein the user's preset operation on the message input box of the instant messaging client includes any of the following:

    The user sends a trigger operation of the control to the code block in the fixed toolbar of the message input box;

    After the user triggers the display of the floating input box by selecting the input content in the message input box, the code sending control in the floating input box is triggered.
22. The method according to any one of claims 13-21, wherein the method further includes:

    Determine the character or string selected by the user from the target code fragment;

    In response to a user's operation of updating the style on the character or string, the style of the character or string is updated.
23. The method according to claim 22, wherein a format toolbar is displayed in the message input box;

    The user's operation of updating the style on the character or string includes: after the user selects the character or string, select the format control corresponding to the style from the format toolbar.
24. The method according to any one of claims 13 to 23, wherein the message input box of the instant messaging client includes: an input box for conversation messages, an input box for dynamic messages, or an input box for comment messages.
25. The method according to any one of claims 13-24, wherein the message input box is a message input box of the first conversation window; during the process of inputting or displaying the target code fragment in the message input box , the method also includes:

    In response to the second switching operation performed by the user on the instant messaging client, switching the first session window to the second session window;

    In response to the user performing a third switching operation on the instant messaging client, the second session window is switched back to the first session window, and the target code fragment is continued to be displayed in the message input box.
26. An information processing device, the device includes:

    A receiving module, configured to receive the target code fragment sent to the first session;

    A display module, configured to render and display the first display style in the session interface of the first session. Target code snippet; wherein the conversation interface is a conversation interface corresponding to the first user, and the first user is a member of the first conversation;

    A switching module configured to render and display the target code fragment according to a second presentation style in the conversation interface in response to the first user's switching operation on the displayed target code fragment.
27. An information processing device, the device includes:

    A control module configured to cause the message input box to enter the code input mode in response to the user performing a preset operation on the message input box of the instant messaging client;

    An acquisition module, used to acquire the target code fragment entered in the message input box;

    A display module, configured to display the target code fragment in the message input box according to a preset code display style.
28. A computer-readable storage medium on which a computer program is stored. When the computer program is executed in a computer, the computer is caused to perform the method described in any one of claims 1-25.
29. An electronic device includes a memory and a processor. The memory stores executable code. When the processor executes the executable code, it implements the method described in any one of claims 1-25.