How to add Codemirror For Codeeditor in Wordpress

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

Step-1 : Download " codemirror-for-codeeditor.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Step-4 : Now, Click on " Upload Plugin " button.

Step-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 "

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Codemirror For Codeeditor " folder is added on left Side Menu. Now, Click on " Codemirror For Codeeditor " folder.

Noted that: If you do not see " Codemirror For Codeeditor " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Codemirror For Codeeditor Configurations and Settings or How to work " Codemirror For Codeeditor " in your WordPress site.

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,

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