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

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

/stack/wp/e1593231376d7d849d2-4597-4fa3-a6ff-1eca18f72aab.png

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

/stack/wp/e1593231378Screenshot20.png

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

/stack/wp/e1593231380Screenshot-2019-4-2AddPluginsHorjeWordPress.png

 

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"

/stack/wp/e15931461531577025694plugin.png

6. Now, Click on "Active Plugin"

/stack/wp/e15932313830ca45529-bf73-4101-8178-53ae60ce549f.png

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.

 

oR

After Activated Plugin According to Step-6 then,

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



Guide

Installation

  1. Upload plugin folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the “Plugins” menu in WordPress.
  3. 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’.

  1. With the mouse, select and highlight your code where you want to aplly “SyntaxHighlighter”.
  2. Click “pre” button.
  3. Select language and options.
  4. 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.

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

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

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

Usage: Indent by tabs.

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

  1. With the mouse, select and highlight your code where you want to aplly “SyntaxHighlighter”.
  2. Click “SH pre” button.
  3. Select language and options.
  4. 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.

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