Why People Like Crayon Syntax Highlighter | how to use crayon syntax highlighter in WordPress

635 views


If we are developing a software application, and some time we need to highlight the some piece of HTML code on the page. On that time we need to add a plugin such like “Crayon Syntax Highlighter”.

Although there are many type of ‘Syntax Highlighter’ plugins available. But I recommended the ‘Crayon Syntax Highlighter’ plugin if you working on “WordPress” themes.

 

 

Why People Like Crayon Syntax Highlighter?

There are many reasons that users like this plugin, go with some below points:-

User friendly and browser compatibility

We Use the ‘Crayon Syntax Highlighter’ plugin because it is a more flexible, User Friendly, Light Weighted and Browser Compatibility.

Support to the customization themes and languages

It is one of the best Syntax Highlighter plugin for the WordPress. It is built in jQuery and PHP Language. It is support to the customization themes and languages. It can highlight the syntax WordPress Post, local file Or URL as well.

Many type of color theme available

There are many type of color theme available on this plugin where user can customize the theme as per own favorite. We can customize the font size, line height, margin, padding and alignment as well on this plugin.

How to setup Crayon Syntax Highlighter go through step by step below points:-

Step 1:-
You need log into your WordPress dashboard. Got to the “Plugins -> Add New” and search the Crayon Syntax Highlighter. Install the plugins and activate the same. Go through the given Image for review.

Crayon Syntax Highlighter setup wordpress by w3web.net

 

Step 2:-
After install and activate the plugin you need to check same on the Setting page. If plugins installed successfully then crayon button will be show on the setting page. Go through the given Image for review.

 

Crayon Syntax Highlighter setup WordPress by w3web.net
Crayon Syntax Highlighter setup WordPress by w3web.net

Step 3:-
Go to the setting of Crayon, There are two type of checkbox available here. we need to checked both of check box mark as true.
a) Enable Live Preview.
b) Enqueue themes in the header.

Crayon Syntax Highlighter setup WordPress by w3web.net

It should be always checked mark.

Crayon Syntax Highlighter setup WordPress by w3web.net

 

Step 4:-
Create a new post Go to the “Posts -> Add New” where we can use the Crayon Syntax Highlighter plugin. Follow the given below steps:-

 

Crayon Syntax Highlighter setup WordPress by w3web.net

 

Final Step 5:-
After put the HTML code on the crayon box we need to click the save button. Then you will get the preview of favorite “Syntax Highlighter” code on you browser like given below Image.

 

Crayon Syntax Highlighter setup WordPress by w3web.net

Further post that would you like to learn

 

 

FAQ (Frequently Asked Questions)

What is meant by syntax highlighting?

Syntax highlighting is a feature of text editors that are used for programming, scripting, or markup languages, such as HTML. The feature displays text, especially source code, in different colours and fonts according to the category of terms.

How do you use syntax highlighter evolved?

To add a SyntaxHighlighter Code block to a post or page you click on the + icon at the left of any empty block or at the top left of the editor then search for SyntaxHighlighter and click on the SyntaxHighlighter Code icon. Paste the code into the block.

How do you use code syntax block?

When creating a new code block, select Code block, and then in the Inspector (Block Controls on the Right) select the language for the code. The code will not change within the editor, but you'll see a small label with the selected language.

Our Free Courses →

👉 Download App to Get Free Course →

📌 Salesforce Administrators

📌 Salesforce Lightning Flow Builder

📌 Salesforce Record Trigger Flow Builder

👉 Download App to Get Free Course →

📌 Aura Lightning Framework

📌 Lightning Web Component (LWC)

📌 Rest APIs Integration

 
 
🌩️ Download App to Get Free Course Access: -

Hi, This is Vijay Kumar behind the admin and founder of w3web.net. I am a senior software developer and working in MNC company from more than 8 years. I am great fan of technology, configuration, customization & development. Apart of this, I love to write about Blogging in spare time, Working on Mobile & Web application development, Salesforce lightning, Salesforce LWC and Salesforce Integration development in full time. [Read full bio] | | The Sitemap where you can find all published post on w3web.net

Leave a Comment