Code Highlighter

Code highlighter styles & highlights the code syntax in your source code for better readability and understanding. With the ProProfs Knowledge Base editor, you can easily format the source code in different colors to distinguish the code syntax without affecting its functionality.

Here is how the Code Highlighter formats your code syntax for multiple languages:

• Ruby

• JSON

• PHP

Code Highlighter is beneficial as it:

• Denotes the class variables, parameters, and functions in your code.

• Facilitates a better understanding of the code structure.

In this article, you will learn:

1. How to Use the Code Highlighter

2. How to Edit the Code Snippet

3. How to Resolve the CSS Conflicts

4. Supported Languages

How to Use the Code Highlighter

Step 1: Open the ProProfs Knowledge Base page editor and click Insert > Code Highlighter

Step 2: Select the code language and format style in the Code Highlighter screen overlay. Now paste the code and click OK

Step 3: Click “Save Draft” and “Preview” simultaneously to see the changes

Here is how the page with highlighted code syntax will appear

How to Edit the Code Snippet

Step 1: Open the Proprofs Knowledge base page editor, right-click on the code input area, and select “Edit code snippet”

Step 2: Make the changes in the code and click “Save Draft” when finished

How to Resolve the CSS Conflicts

There may be some CSS conflicts if your website is older than 3/6/2014. To resolve this

Step 1: Open the PropProfs Knowledge Base page editor

Step 2: Click the “Edit site CSS button” in the toolbar

Step 3: Navigate to the “CSS block .computer_code, code.” Erase “code,” as highlighted in the image below, and click OK to save the changes

Supported Languages

The Code Highlighter in the ProProfs Knowledge Base Editor supports 23 programming languages. 

Supported Languages

That is all about code highlighter in ProProfs Knowledge Base.