Crayon Syntax Highlighter

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

336 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.

Related Topics | You May Also Like

  • Your reaction of the article ▾
 

Hi, 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

11 thoughts on “Why People Like Crayon Syntax Highlighter | how to use crayon syntax highlighter in WordPress”

  1. You’re a beautiful inspiration. It really helps me in any situation. Where I stuck. Many of my friends told me to comment there post but I stuck what I should comment. Finally I got your post it always help me. Thanks for the lovely post.

    Reply
  2. Hi. your post is so nice and I really loved reading your post.
    It was very well authored and easy to understand. Great Thanks for sharing awesome info. I really love to read your blog.

    Reply

Leave a Comment