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

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


another , code , syntaxhighligher , theme , editor , codemirror , tutorial ,

Name

Read Article
https://develop.horje.com/learn/1434/reference