How to add Wp Syntaxhighlighter in Wordpress

This plugin is code syntax highlighter based on SyntaxHighlighter ver. 3.0.83 and 2.1.382. Wordpress Tutorial

Noted That:

To install correctly this wp-syntaxhighlighter.zip .
Fisrt Download the wp-syntaxhighlighter.zip to your computer
Extract/Open wp-syntaxhighlighter.zip to Your Computer.
Then, Find readme.txt file inside wp-syntaxhighlighter.zip and Open readme.txt .
Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
Then, Follow the Tips Below.

Start the Tips:

1. First Download " wp-syntaxhighlighter.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

4. Now, Click on "Upload Plugin" button.

5. Now, Browse " wp-syntaxhighlighter.zip " Downloaded plugin from your computer, Where you downloaded wp-syntaxhighlighter.zip According to Step – 1 Above then, click on " Install Now"

6. Now, Click on " Active Plugin"

7. Then, See left sidemenu. " WP SyntaxHighlighter " folder is added on left sidemenu. Now, Click on " WP SyntaxHighlighter " folder.

Noted that: If you do not see " WP SyntaxHighlighter " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about WP SyntaxHighlighter Configurtions and Settings or How to work " WP SyntaxHighlighter " in your WordPress site.

After Activated Plugin According to Step-6 then,

Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
or Direct go to: https://yourdomain/wp-admin/plugins.php
Then, Find " WP SyntaxHighlighter " Activated Plugin from Plugin List.
Then, Click on " Settings " from Plugin that is WP SyntaxHighlighter
Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Guide

Guide
Installation Upload plugin folder to the `/wp-content/plugins/` directory. Activate the plugin through the “Plugins” menu in WordPress. If you need, go to “Settings” -> “WP SyntaxHighlighter” to configure. Usage in Visual editor Note: The build-in “SH TinyMCE Button” can work only with the default visual editor(TinyMCE). Other visual editors(e.g. CKEditor etc.) are not supported. Note: If you don’t have “ unfiltered_html ” capability, can’t be included in your code. XXXX = 2-4 letter character string including 0-9, A-F or a-f. Usage: Wrap your code in tag with “SH TinyMCE Button”. If you have previously-written code on your post or page, by this way, you can wrap your code in tag for ‘SyntaxHighlighter’. With the mouse, select and highlight your code where you want to aplly “SyntaxHighlighter”. Click “pre” button. Select language and options. Click “Insert” button. Usage: Paste your code into the post or page with “SH TinyMCE Button”. If you want to copy the code from the other document and paste into your post or page, this way is best. Your pasted code will be warpped in tag automatically. Click “CODE” button. Select language and options and paste your code into textbox. Click “Insert” button. Usage: Change language and options of previously-markuped code with “SH TinyMCE Button”. With the mouse, select and highlight your code. Click “pre” button. Change language and options. Click “Update” button. Usage: Indent by tabs. Just type tab in your code. But till your code is wrapped in tag, you can not type any tabs. Usage in HTML editor Note: If you don’t have “ unfiltered_html ” capability, can’t be included in your code. XXXX = 2-4 letter character string including 0-9, A-F or a-f. Usage: Wrap your code in tag with “SH pre” button. If you have previously-written code on your post or page, by this way, you can wrap your code in tag for ‘SyntaxHighlighter’. Note: Before you use “SH pre” button, you may need to go to setting panel and activate “Add Quicktag Button” option in “HTML Editor Settings” section. With the mouse, select and highlight your code where you want to aplly “SyntaxHighlighter”. Click “SH pre” button. Select language and options. Click “OK” button. Then your code will be wrapped in tag and escape to HTML entities. Usage: Wrap your code in tag without “SH pre” button. Just wrap Your Code in tag with the class attribute as below in HTML editor or using the “Preformatted” style in Visual editor. You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically after saving. However, To prevent destroying your code after switching to “Visual editor”, You had better escape your code to HTML entities or save it before switching to “Visual editor”. Note: If tags are included in your code, replace with . `Your Code "lang" = your language` e.g. `Your PHP Code` e.g. `Your XHTML Code` See “ Available languages “. ”Brush aliases” means “lang”. You can also use some options with tag. See “ Options “. e.g. `Your XHTML Code` e.g. `Your PHP Code` This plugin also can support

Installation

Upload plugin folder to the /wp-content/plugins/ directory.
Activate the plugin through the “Plugins” menu in WordPress.
If you need, go to “Settings” -> “WP SyntaxHighlighter” to configure.

Usage in Visual editor

Note: The build-in “SH TinyMCE Button” can work only with the default visual editor(TinyMCE). Other visual editors(e.g. CKEditor etc.) are not supported.

Note: If you don’t have “ unfiltered_html ” capability, can’t be included in your code.

XXXX = 2-4 letter character string including 0-9, A-F or a-f.

Usage: Wrap your code in

tag with “SH TinyMCE Button”.

If you have previously-written code on your post or page, by this way, you can wrap your code in

tag for ‘SyntaxHighlighter’.

With the mouse, select and highlight your code where you want to aplly “SyntaxHighlighter”.
Click “pre” button.
Select language and options.
Click “Insert” button.

Usage: Paste your code into the post or page with “SH TinyMCE Button”.

If you want to copy the code from the other document and paste into your post or page, this way is best. Your pasted code will be warpped in

tag automatically.

Click “CODE” button.
Select language and options and paste your code into textbox.
Click “Insert” button.

Usage: Change language and options of previously-markuped code with “SH TinyMCE Button”.

With the mouse, select and highlight your code.
Click “pre” button.
Change language and options.
Click “Update” button.

Usage: Indent by tabs.

Just type tab in your code. But till your code is wrapped in
```
 tag, you can not type any tabs.
```

Usage in HTML editor

Note: If you don’t have “ unfiltered_html ” capability, can’t be included in your code.

XXXX = 2-4 letter character string including 0-9, A-F or a-f.

Usage: Wrap your code in

tag with “SH pre” button.

If you have previously-written code on your post or page, by this way, you can wrap your code in

tag for ‘SyntaxHighlighter’.

Note: Before you use “SH pre” button, you may need to go to setting panel and activate “Add Quicktag Button” option in “HTML Editor Settings” section.

With the mouse, select and highlight your code where you want to aplly “SyntaxHighlighter”.
Click “SH pre” button.
Select language and options.
Click “OK” button. Then your code will be wrapped in
```
 tag and escape to HTML entities.
```

Usage: Wrap your code in


 tag without “SH pre” button.



Just wrap Your Code in 

 tag with the class attribute as below in HTML editor or using the “Preformatted” style in Visual editor.


You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically after saving. However, To prevent destroying your code after switching to “Visual editor”, You had better escape your code to HTML entities or save it before switching to “Visual editor”.

Note: If

tags are included in your code, replace

with .


Your Code
 *"lang" = your language

e.g. Your PHP Code
e.g. Your XHTML Code

See “ Available languages “. *”Brush aliases” means “lang”.

You can also use some options with

tag.

See “ Options “.

e.g. Your XHTML Code
e.g. Your PHP Code

This plugin also can support