How to add Syntaxhighlighter Tinymce Button in Wordpress

"SyntaxHighlighter TinyMCE Button" provides buttons for Visual Editor and will help to type

 tag for SyntaxHighlighter.

Noted That:

To install correctly this syntaxhighlighter-tinymce-button.zip.
Fisrt Download the syntaxhighlighter-tinymce-button.zip to your computer
Extract/Open syntaxhighlighter-tinymce-button.zip to Your Computer.
Then, Find readme.txt file inside syntaxhighlighter-tinymce-button.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 "syntaxhighlighter-tinymce-button.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 "syntaxhighlighter-tinymce-button.zip" Downloaded plugin from your computer, Where you downloaded syntaxhighlighter-tinymce-button.zip According to Step – 1 Above then, click on "Install Now"

6. Now, Click on "Active Plugin"

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

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

8. Now you configure yourself oR Watch video tutorial below about SyntaxHighlighter TinyMCE Button Configurtions and Settings or How to work "SyntaxHighlighter TinyMCE Button" 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 "SyntaxHighlighter TinyMCE Button" Activated Plugin from Plugin List.
Then, Click on "Settings" from Plugin that is SyntaxHighlighter TinyMCE Button
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” -> “SH TinyMCE Button” to configure. If you use “WP SyntaxHighlighter“, “Syntax Highlighter Compress” or “SyntaxHighlighter Evolved“, you should configure “Using with” option on the setting panel. Usage Usage: To paste your code into the post or page. If you want to paste the code from the other document 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: To wrap previously-written code in tag. 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: To change language and options of previously-markuped code. With the mouse, select and highlight your code. Click “pre” button. Change language and options. Click “Update” button. Usage: To indent by tabs. Just type tab in your code. But till your code is wrapped in tag, you can not type any tabs.

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” -> “SH TinyMCE Button” to configure.

If you use “WP SyntaxHighlighter“, “Syntax Highlighter Compress” or “SyntaxHighlighter Evolved“, you should configure “Using with” option on the setting panel.

Usage

Usage: To paste your code into the post or page.

If you want to paste the code from the other document 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: To wrap previously-written code in

tag.

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: To change language and options of previously-markuped code.

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

Usage: To indent by tabs.

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

syntaxhighlighter, editor, help, type, visual, buttons, tinymce, button, provides,

Name
How to add Conditional Tags Shortcode in Wordpress
How to add Csv To Sorttable in Wordpress
How to add Sheet2site in Wordpress
How to add Wp Comment Humility in Wordpress
How to add Cookies Pro in Wordpress

Reffered: https://wordpress.org/