![]() |
This plugin is code syntax highlighter based on SyntaxHighlighter ver. 3.0.83 and 2.1.382. |
Noted That:
|
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. oR After Activated Plugin According to Step-6 then,
![]() |
Guide |
---|
Installation
Usage in Visual editorNote: 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, XXXX = 2-4 letter character string including 0-9, A-F or a-f. Usage: Wrap your code in If you have previously-written code on your post or page, by this way, you can wrap your code in
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
Usage: Change language and options of previously-markuped code with “SH TinyMCE Button”.
Usage: Indent by tabs.
Usage in HTML editorNote: If you don’t have “unfiltered_html” capability, XXXX = 2-4 letter character string including 0-9, A-F or a-f. Usage: Wrap your code in If you have previously-written code on your post or page, by this way, you can wrap your code in 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.
Usage: Wrap your code in
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
See “Available languages“. *”Brush aliases” means “lang”. You can also use some options with See “Options“.
This plugin also can support Even if using “” method, your codes must be escape to HTML entities. Just escape following 3 characters: <, >, & Usage: Wrap your code in shorcode(without unsig buttons). You can also wrap your in “shorcode” to highlight your code without using buttons. Note: Before you use “shorcode”, you must go to setting panel and activate “Support shortcode” option in “HTML Editor Settings” section. Note: Don’t edit a post/page with codes wrapped in shortcode in “Visual editor” or switch from “HTML editor” to “Visual editor”. When your code wrapped in shorcode is displayed in Visual editor, “Visual editor” will destroy your code.
This plugin supports WordPress.com’s posting sourcecode method. Posting Source Code — Support — WordPress.com You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: The shorcodes can’t be included in your code. Post a comment with code(s)Note: Once you enable “Commnets” in “Higlight your code in” option through the setting panel, this plugin allows visitors to post their source code as comments. Note: If you don’t have “unfiltered_html” capability, XXXX = 2-4 letter character string including 0-9, A-F or a-f. If you use WordPress 3.0 or higher, you had better enable “Comment Highlighter Button” in the setting panel. “Comment Highlighter Button” will help visitors to post a comment with their sourcecodes and highlight them. Usage: Post a comment with codes using “
You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: Usage: Post a comment with codes using “Shorcode” button.
You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: The shorcodes can’t be included in your code. Usage: Wrap your code in You can also enter
You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: If Usage: Wrap your code in shorcode(without unsig buttons). You can also enter “shorcode” directly without using “Comment Highlighter Button”. Note: Before you use “shorcode”, you must go to setting panel and activate “Support shortcode” option in “Comment Form Settings” section.
This plugin supports WordPress.com’s posting sourcecode method. Posting Source Code — Support — WordPress.com You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: The shorcodes can’t be included in your code. Usage: Update comments.(For administrator) You can use “SH pre” button in the “Comment editor”. Note: Note: Before you use “SH pre” button, you may need to go to setting panel and activate “Add Quicktag Button” option in “Comment Editor Settings” section. You can also wrap your code in Note: Before you use “shorcode”, you must go to setting panel and activate “Support shortcode” option in “Comment Form Settings” section. WP SyntaxHighlighter Widget“WP SyntaxHighlighter Widget” is the widget to show highlighted code. Before you use “WP SyntaxHighlighter Widget”, you must enable “Use WP SyntaxHighlighter Widget” in setting panel. Then go to “Widgets” section under “Appearance” menu to add the “WP SyntaxHighlighter Widget” in your sidebar. You can use plain text, html tag and sourcecode in the widget. Usage: Using “
You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: Usage: Using “Shorcode” button.
You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: The shorcodes can’t be included in your code. Usage: Wrap your code in You can also enter
You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: If Usage: Wrap your code in shorcode(without unsig buttons). You can also enter “shorcode” directly without using buttons. Note: Before you use “shorcode”, you must go to setting panel and activate “Support shortcode” option in “WP SyntaxHighlighter Widget Settings” section.
This plugin supports WordPress.com’s posting sourcecode method. Posting Source Code — Support — WordPress.com You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: The shorcodes can’t be included in your code. bbPressIf bbPress plugin(2,0 or higher) is installed and activated, “bbPress Highlighter Button” can be shown above topic/reply form to make easy to post sourcecodes. Before you use “bbPress Highlighter Button”, you must enable “bbPress Highlighter Button” in setting panel. Note: If you don’t have “unfiltered_html” capability, XXXX = 2-4 letter character string including 0-9, A-F or a-f. Usage: Post a topic/reply with codes using “
You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: Usage: Post a topic/reply with codes using “Shorcode” button.
You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: The shorcodes can’t be included in your code. Usage: Wrap your code in You can also enter
You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: If Usage: Wrap your code in shorcode(without unsig buttons). You can also enter “shorcode” directly without using “bbPress Highlighter Button”. Note: Before you use “shorcode”, you must go to setting panel and activate “Support shortcode” option in “bbPress Settings” section.
This plugin supports WordPress.com’s posting sourcecode method. Posting Source Code — Support — WordPress.com You do not need to escape your code to HTML entities. This plugin will escape your code to HTML entities automatically. Note: The shorcodes can’t be included in your code. In Topics/Replies sections on the setting panel In Topics/Replies sections, Use “pre” and “code” buttons in Visual editor or “SH pre” button in HTML editor. Note: 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. You can also wrap your code in Note: Before you use “shorcode”, you must go to setting panel and activate “Support shortcode” option in “bbPress Settings” section. Note: Don’t edit a topic/reply with code wrapped in shortcode in “Visual editor” or switch from “HTML editor” to “Visual editor”. When your code wrapped in shorcode is displayed in Visual editor, “Visual editor” will destroy your code. Legacy modeYou can switch to “Legacy mode” through setting panel. Your codes must be escape to HTML entities, even if using Just escape following 5 characters: <, >, &, “, ‘ See “Ver. 1.5 Usage“. In “Legacy mode”, your selected brushes(languages) will be pre-loaded. Only pre-loaded brushes(languages) can highlight your source code with old style tag. The old style tag can’t depended on “autoloader” in ver. 3.0 mode. By default, all brushes(languages) will be pre-loaded in “Legacy mode”. “Legacy mode” may save your previous posts with old style tag. However, No one should continue using old style tag. You must use “HTML editor” to type old style tag. Add new languages(brush files)You can add new languages(brush files) using “Action hooks” and associative array. For details, see “sample” directory. There is a sample plugin for adding new languages. |
syntaxhighlighter, 0, 1, based, highlighter, code, syntax, plugin, |
Name |
---|
Reffered: https://wordpress.org/