Syntax Highlighter for Post/Page HTML Editor

Description

An easy to use, with intuitive interface, WordPress plugin that replaces the default Post & Page HTML/Text Editor with an enhanced editor by a CodeMirror library. The WordPress default Post & Page HTML/Text Editor is great for doing some custom changes to HTML markup of your post/page, although it is rather limited. This is where the “Syntax Highlighter for Post/Page HTML Editor” can help. With an enhanced HTML/Text editor you can see a code with syntax highlighting, and with line numbering, so you can easily read your HTML markup and detect any errors.

This plugin give you finer control over editor, it can be configured on the plugin settings page. You can chose from 36 different color themes for your editor. If you want more options, let us know and we will be happy to add them.

This plugin is just plug and play, no tedious configurations or hacks, just install, enable and start using your new enhanced Post/Page HTML Editor.

Features

  • Lightweight and fast
  • Secure code with using clear coding standards
  • Intuitive interface with many settings
  • Cross browser compatible (work smooth in any modern browser)
  • Compatible with all WordPress themes
  • RTL compatible (right to left)
  • Translation ready

Key features include…

  • Code syntax highlighting
  • Huge selection of color schemes (36 themes)
  • Line numbering
  • Line wrapping
  • Editor allow for Tab indentation
  • Live preview
  • And much, much more!

Supported languages:

  • Text
  • XML
  • HTML
  • CSS
  • JavaScript

Translation

This plugin is ready for translation and has already been translated into several languages.

  • English (default)
  • Russian (translation by Milena Kiseleva)
  • German (translation by Michael)
  • Spanish (translation by Patricio Toledo)
  • Dutch (translation by Peter Leenders)

If you want to help translate this plugin then please visit the translation page.

Minimum system requirements:

  • PHP version 5.2 or higher.
  • MySQL version 5.0 or higher.

Recommended system requirements:

  • PHP version 7.0 or higher.
  • MySQL version 5.6 or higher.

Contribution

Developing plugins is long and tedious work. If you benefit or enjoy this plugin please take the time to:

“Syntax Highlighter for Post/Page HTML Editor” is one of the own software projects of Space X-Chimp.

License

This plugin is licensed under the GNU General Public License, version 3 (GPLv3) and is distributed free of charge.
Commercial licensing (e.g. for projects that canโ€™t use an open-source license) is available upon request.

Credits

Links

Screenshots

  • Plugin settings page.
  • Default WordPress Post\Page HTML Editor.
  • Post\Page HTML Editor that provided by this plugin (theme: default).
  • Post\Page HTML Editor that provided by this plugin (theme: ambiance).

Installation

Install “Syntax Highlighter for Post/Page HTML Editor” just as you would any other WordPress Plugin.

Automatically via WordPress Admin Area:

  1. Log in to Admin Area of your WordPress website.
  2. Go to “Plugins” -> “Add New“.
  3. Find this plugin and click install.
  4. Activate this plugin through the “Plugins” tab.

Manually via FTP access:

  1. Download a copy (ZIP file) of this plugin from WordPress.org.
  2. Unzip the ZIP file.
  3. Upload the unzipped catalog to your website’s plugin directory (/wp-content/plugins/).
  4. Log in to Admin Area of your WordPress website.
  5. Activate this plugin through the “Plugins” tab.

After installation and activation, the “Post / Page Editor” menu item will appear in the “Settings” section of Admin Area. Click on it in order to view the plugin settings page.

More help installing plugins

FAQ

Installation Instructions

Install “Syntax Highlighter for Post/Page HTML Editor” just as you would any other WordPress Plugin.

Automatically via WordPress Admin Area:

  1. Log in to Admin Area of your WordPress website.
  2. Go to “Plugins” -> “Add New“.
  3. Find this plugin and click install.
  4. Activate this plugin through the “Plugins” tab.

Manually via FTP access:

  1. Download a copy (ZIP file) of this plugin from WordPress.org.
  2. Unzip the ZIP file.
  3. Upload the unzipped catalog to your website’s plugin directory (/wp-content/plugins/).
  4. Log in to Admin Area of your WordPress website.
  5. Activate this plugin through the “Plugins” tab.

After installation and activation, the “Post / Page Editor” menu item will appear in the “Settings” section of Admin Area. Click on it in order to view the plugin settings page.

More help installing plugins

Q. Will this plugin work on my WordPress.COM website?

A. Sorry, this plugin is available for use only on self-hosted (WordPress.ORG) websites.

Q. Can I use this plugin on my language?

A. Yes. This plugin is ready for translation and has already been translated into several languages. But If your language is not available then you can make one. The POT file is included and placed in the “languages” folder. Just send the PO file to us and we will include this translation within the next plugin update. Many of plugin users would be delighted if you share your translation with the community. Thanks for your contribution!

Q. How does it work?

A. Simply go to the plugin settings page, select the desired settings and click the “Save changes” button. Enjoy your fancy Post/Page Editor. It’s that simple!
You can find the plugin settings page at “WordPress Admin Area” -> “Settings” -> “Post / Page Editor“.

Q. Does this plugin provide a syntax highlighting for the Theme/Plugin Editor?

A. No, only the Post/Page HTML Editor supports. For the Theme/Plugin Editor you can use my another plugin that called the Syntax Highlighter for Theme/Plugin Editor.

Q. Does this plugin requires any modification of the theme?

A. Absolutely not. This plugin is configurable entirely from the plugin settings page that you can find in the Admin Area of your WordPress website.

Q. Does this require any knowledge of HTML or CSS?

A. This plugin can be configured with no knowledge of HTML or CSS, using an easy-to-use plugin settings page. But you need to know the HTML or CSS in order to add/remove/modify the HTML or CSS code by using this plugin.

Q. It’s not working. What could be wrong?

A. As with every plugin, it’s possible that things don’t work. The most common reason for this is a web browser’s cache. Every web browser stores a cache of the websites you visit (pages, images, and etc.) to reduce bandwidth usage and server load. This is called the browser’s cache.โ€‹ Clearing your browser’s cache may solve the problem.

It’s impossible to tell what could be wrong exactly, but if you post a support request in the plugin’s support forum on WordPress.org, we’d be happy to give it a look and try to help out. Please include as much information as possible, including a link to your website where the problem can be seen.

Q. The last WordPress update is preventing me from editing my website that is using this plugin. Why is this?

A. This plugin can not cause such problem. More likely, the problem are related to the settings of the website. It could just be a cache, so please try to clear your website’s cache (may be you using a caching plugin, or some web service such as the CloudFlare) and then the cache of your web browser. Also please try to re-login to the website, this too can help.

Q. Where to report bug if found?

A. Bug reports are very welcome! Please visit our contact page and report. Thank you!

Q. Where to share any ideas or suggestions to make the plugin better?

A. Any suggestions are very welcome! Please visit our contact page and share. Thank you!

Q. I love this plugin! Can I help somehow?

A. Yes, any contributions are very welcome! Please visit our donation page. Thank you!

Reviews

Visual tab does not work

It works fine from the text tab, but problems are in the visual tab.

1. Saving page removes indentation.
2. Saving page swaps tabs to text tab
3. Saving page removes <p> tags

Read all 1 review

Contributors & Developers

“Syntax Highlighter for Post/Page HTML Editor” is open source software. The following people have contributed to this plugin.

Contributors

“Syntax Highlighter for Post/Page HTML Editor” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Syntax Highlighter for Post/Page HTML Editor” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

2.26

  • The list of CodeMirror themes is moved to a separate function ‘_get_codemirror_theme_pairs’ within the ‘functions.php’ file.
  • The mention of the useless option ‘mode’ is removed from the file ‘codemirror-settings.js’.
  • The useless function ‘_control_field’ is removed from the file ‘controls.php’.
  • In the ‘settings.php’ file, the variables ‘languages’ and ‘themes’ to which the default/empty item was added are renamed to ‘languages_plus’ and ‘themes_plus’ respectively.
  • Some texts are updated.
  • Translation files are updated.
  • The translation into Russian has been corrected.
  • The translation into Dutch has been corrected.

2.25

  • Dutch translation added. (Thanks to Peter Leenders)
  • The code block that adds dynamic JavaScript is moved to a separate function ‘_load_scripts_dynamic_js’ within the ‘enqueue.php’ file.
  • The function ‘_load_scripts_base’ is deleted due to uselessness.
  • The function ‘_load_scripts_codemirror’ is improved. Removed an unnecessary call of constants.
  • The function ‘_load_scripts_admin’ is improved.
  • The banner of Space X-Chimp, located on the settings page of the plugin, is updated. The image ‘banner.png’ is deleted.
  • Some texts are updated.
  • All translation files are updated.

2.24

  • The code block that enqueue the CodeMirror library files is moved to a separate function ‘_load_scripts_codemirror’ within the ‘enqueue.php’ file.
  • Enqueue of the CodeMirror addons is moved to the beginning of the queue, before enqueuing the CodeMirror mods.
  • The extra mention of the constant ‘_SLUG’ is removed from the file ‘enqueue.php’.
  • All translation files are updated.

2.23

  • Fixed localization of the word “licence”. (Thanks to Garrett Hyder @garrett-eclipse)
  • Fixed: CodeMirror addon ‘autorefresh.js’ was added to one of the previous versions of the plugin, but it was not enabled.
  • Added CSS code which prevents the mouse cursor from changing the shape when hovering over the “Preview” area with an example code.
  • Texts on the plugin settings page are updated. Translations are updated.

2.22

  • Added code for loading the addons of the CodeMirror library.
  • Added the addon ‘autorefresh.js’ to the CodeMirror editor. The code for manual refreshing the CodeMirror editor is deleted.

2.21

  • CodeMirror library updated to the latest version v5.38.0. The directory structure is changed (files are better organized). Added a test files for the CodeMirror modes.
  • Updated the method of loading the modes and themes of the CodeMirror library.
  • On the page ‘page.php’ the constants ‘_NAME’ and ‘_VERSION’ are replaced by ‘$name’ and ‘$version’.

2.20

  • Fixed a bug due to which the plugin data that stored in the database to not be deleted during the uninstallation of the plugin.
  • The contents of the file ‘uninstall.php’ is moved to the file ‘core.php’. The file ‘uninstall.php’ is deleted.
  • Some texts are corrected.

2.19

  • Added new constant “_FILE”.
  • Added a function that runs during the plugin activation. Now the date of the first activation of the plugin is recorded in the database.

2.18

  • Added auto-versioning of the CSS and JavaScript files to avoid cache issues.
  • CSS code in the file ‘admin.css’ is optimized.

2.17

  • Fixed the link “Settings”, located in the plugin’s meta row on the “Plugins” page. The suffix “.php” was deleted.
  • Fixed information stored in the header of the translation files.
  • Translation files updated.

2.16

  • Some texts updated, and typos corrected.
  • All translation files updated.
  • The information about the author of the plugin (including name, links, copyright, etc.) was changed due to the fact that the plugin became the property of SpaceXChimp.
  • The human.txt file updated.

2.15

  • Texts updated.
  • The year in the copyright text is updated.
  • The sidebar items are rearranged.
  • Translation files updated.

2.14

  • The plugin is fully tested for compatibility with WordPress version 4.9.
  • CSS code improved.

2.13

  • German translation added. (Thanks to Michael)
  • Spanish translation updated. (Thanks to Patricio Toledo)
  • Fixed an issue where the “Hello” message could not be hidden.

2.12

  • At the request of some users, plugin settings page moved to the submenu item in the top-level menu item “Settings”, like before.

2.11

  • Fixed the issue due to which the ‘Space X-Chimp’ sub menu item in the brand menu item was displayed.
  • Added branded footer text on the plugin’s settings page.

2.10

  • The hard coded HTML list option is replaced with the PHP function that dynamically creates lists.
  • Error in the PHP constant name fixed.

2.9

  • Added the top level menu item of the brand.
  • The submenu item of the plugin has moved to the menu item of the brand.
  • The menu item of the plugin is renamed.
  • The “Author” tab on the settings page is removed.
  • Content of the “Support” tab on the settings page is updated.
  • Copyright of plugin files is changed to the “Space X-Chimp”.
  • The “Support” tab renamed to the “Support Me”.
  • The “Usage” tab renamed to the “Usage Instructions”.

2.8

  • Plugin data that saved in the database upgraded to version 0001.

2.7

  • Added Spanish translation. (Thanks Patricio Toledo)
  • Function that render controls on the settings page is moved to a separate file ‘controls.php’.
  • The ‘_setting’ function divided into two functions: ‘_control_field’ and ‘_control_switch’.
  • Added CSS class ‘control-switch’ to checkboxes with custom styles. Now the ‘bootstrap-checkbox.js’ plugin only applies to checkboxes with class ‘control-switch’.
  • The group name of the ‘_service_info’ option renamed to ‘_settings_group_si’.
  • The ‘admin.css’ file improved.
  • The “Font Awesome” library is integrated for use on the plugin settings page.
  • The save button is replaced by a new wider button.
  • Added an additional save button that fixed in the upper left corner.
  • The help text generating is moved to separate PHP function.
  • Prefixes of the PHP functions changed to ”spacexchimp_p014_.
  • Prefixes of the PHP constants changed to ”SPACEXCHIMP_P014_.

2.6

  • Russian translation updated. (Thanks to Milena Kiseleva)
  • The navigation of the tabs is rearranged.
  • Fixed an issue due to which the sidebar was not hiding on mobile devices.
  • Code of sidebar moved to separate file ‘sidebar.php’.
  • Support page tab moved from external source to plugin code.
  • My avatar moved from external source to plugin folder.
  • Banner moved from external source to plugin folder.
  • Code of PayPal button updated.

2.5

  • Stylesheet in the admin.css file improved.
  • The ‘!important’ declarations in the admin.css file removed.
  • Code formatting in the admin.js file improved.
  • Code commenting improved.
  • Load of the additional remote CSS file removed from the admin.js file.
  • Changed the sorting of enqueueing of scripts.
  • The ”Family’ page tab renamed to ‘Store’.
  • Added ad banner of my store website.

2.4.1

  • The HTTPS mixed content issue fixed by changing all links to HTTPS.
  • Content of the “FAQ” section updated.

2.4

  • On the plugin settings page, text of buttons are corrected.
  • On the plugin settings page, the information about the plugin version number moved to header section.
  • Some mention of constants replaced with variables for easier access.
  • Content of the “Usage” tab updated.
  • Content of the “FAQ” tab updated.
  • Added load of the jQuery library on the plugin settings page.

2.3

  • To the plugin settings page added information about the plugin version number.
  • The “Tested up to:” comment changed to 4.8 after full testing process.
  • The “version.php” file renamed to “versioning.php”.
  • The “versioning.php” file updated to new version.
  • The “_plugin_version_number” function renamed to the “_versioning”.

2.2

  • Compatibility with PHP version 5.2 improved.
  • Added function for generating the plugin constants.
  • Some constants now get the value from the plugin header data.
  • The “_plugin_version_number” function improved.
  • Added file “upgrade.php” for future upgrades.

2.1.1

  • Fixed the bug due to which the “Warning: Constants may only evaluate to scalar values in” warning are displayed.

2.1

  • Added new constants: “_SLUG”, “_PREFIX”, “_SETTINGS” and “_NAME”.
  • Value of the “_VERSION” constant replaced with information from the plugin header data.
  • All references to the plugin name, slug, prefix are replaced with constants.
  • Added function that render checkboxes and fields for saving plugin settings to database.
  • Added prefix to the name of the variable in ‘wp_localize_script’ WordPress function, to prevent conflicts.
  • The “_load_scripts_base” function improved.
  • The “name” attribute removed from the “form” tag.
  • Code formatting improved.
  • F.A.Q. section updated.

2.0.1

  • Fixed the bug due to which the the “Warning: Illegal string offset ‘version’ in” and the “Warning: Illegal string offset ‘old_version’ in” warnings are displayed. (Thanks to Sven Brill)

2.0

  • The design of the plugin settings page is completely redone.
  • The ‘SHighlighterForWPE’ prefix changed to ‘SHighlighterForPPHTMLE’.
  • Advertisement banner removed.
  • The ‘Using’ section renamed to ‘Usage’.
  • My Unicode signature added to the main file.
  • The donate button replaced with new.
  • The ‘Donate’ section renamed to ‘Support’.
  • The ‘donate.png’ image removed.
  • Options from the settings page moved to a separate file.
  • The “Usage” section removed from the sidebar area.
  • Added stylized descriptions of sections on the “Settings” tab.
  • Additional “Support” section added.
  • Added tab navigation menu for the settings page.
  • Added additional tabs on the settings page.
  • Code of the ‘admin.css’ file improved and better commented.
  • The ‘bootstrap-checkbox.min.js’ file renamed to ‘bootstrap-checkbox.js’.
  • A full version of the Bootstrap framework is integrated.
  • The ‘SHighlighterForPPHE_load_scripts’ function renamed to ‘SHighlighterForPPHE_load_scripts_admin’.
  • The ‘SHighlighterForPPHE_prepare’ function renamed to ‘SHighlighterForPPHE_load_scripts_base’.
  • Added the CSS code for the custom list numbers on the plugin settings page.
  • The main font is changed to “Verdana”.
  • All PHP and HTML code is better formatted.
  • The header on the settings page of plugin is redesigned.
  • The “LICENSE.txt” file renamed to “license.txt”.
  • The “humans.txt” file added.
  • On the plugin settings page, the “valign=’top'” attribute removed from the “tr” element of HTML table and added the appropriate analog in CSS .
  • The “_service_info” setting added to the data-base.
  • Added function for managing information about the version number of the plugin.
  • Added the “Hello” message that show when the plugin is just installed.
  • Added the “Error” message that show when user is trying to degrade the version number of the plugin.
  • Fixed the parameter that contain the path to source files in all translation files.
  • The POT file updated.
  • Translations updated.

1.0

  • Initial release.

0.3

  • Release candidate.

0.2

  • Beta version.

0.1

  • Alpha version.