Horje
Just another code syntaxhighligher for the theme and plugin editor with CodeMirror.

Noted That:

  • To install correctly this codemirror-for-codeeditor.zip.
  • Fisrt Download the codemirror-for-codeeditor.zip to your computer
  • Extract/Open codemirror-for-codeeditor.zip to Your Computer.
  • Then, Find readme.txt file inside codemirror-for-codeeditor.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 "codemirror-for-codeeditor.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 "codemirror-for-codeeditor.zip" Downloaded plugin from your computer, Where you downloaded codemirror-for-codeeditor.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. "CodeMirror for CodeEditor" folder is added on left sidemenu. Now, Click on "CodeMirror for CodeEditor" folder.

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

8. Now you configure yourself oR Watch video tutorial below about CodeMirror for CodeEditor Configurtions and Settings or How to work "CodeMirror for CodeEditor" 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 "CodeMirror for CodeEditor" Activated Plugin from Plugin List.
  4. Then, Click on "Settings" from Plugin that is CodeMirror for CodeEditor
  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” -> “CodeMirror for CE” to configure.

Usage

  • You can select a theme, run search and replace on the toolbar.
  • Place the cursor in the textarea and press “Esc” or “F11” key to chage to the “fullscreen mode”.
  • Press “Ctrl” – “Space” to activate Auto-omplete.
  • Press “Ctrl” – “Z” to undo the previous change.
  • Press “Ctrl” – “Y” to redo.
  • Press “Shift” – “Tab” to reset line indentation to default.
  • Press “Ctrl/Cmd” – “[” to reduce line indentation.
  • Press “Ctrl/Cmd” – “]” to increase line indentation.

You can also use following shortcuts to search and replace.

  • Search: Press Ctrl-F / Cmd-F
  • Find next: Press Ctrl-G / Cmd-G
  • Find previous: Press Shift-Ctrl-G / Cmd-Option-G
  • Replace: Shift-Ctrl-F / Cmd-Option-F (Run this after searching.)
  • Replace all: Shift-Ctrl-R / Shift-Cmd-Option-F (Run this after searching.)

Note: “Search & replace” by shortcut and “Auto-omplete” can’t work in the “fullscreen mode”.


plugin, editor, codemirror, theme, syntaxhighligher, another, code, just,

Name

Reffered: https://wordpress.org/

Share on: