“Visual Composer Shortcode Viewer” Documentation by “wptpnet” v1.5

---

“Visual Composer Shortcode Viewer”

---

Table of Contents

1. Included Files
2. Installation
3. How to use
4. Credit

---

A) Included Files - top

visual-composer-shortcode-viewer folder represents the plugin itself and contains all necessary files for this plugin:

1. img folder
2. code-mirror folder
3. jquery-ui folder
4. script.min.js
5. style.css
6. visual-composer-shortcode-viewer.php

---

B) Installation - top

1. Install the plugin .zip from the Plugins -> Add New -> Upload
2. Activate the plugin through the 'Plugins' menu in WordPress
3. Visit Visual Composer editor to get started.

C) How to use - top

After Shortcode Viewer is installed and activated, you should see Shortcode view "{}" button when you place a mouse pointer over the top of the Visual Composer row, column or element:

Click any "{}" button to load shortcode and open Shortcode Viewer dialog.

Shortcode Viewer dialog includes 2 tabs:

1. Shortcode Json.
2. Shortcode Text.

---

Also, you can:

1. View shortcode in text.
2. View shortcode with Json format.
3. Edit and save changes shortcode with Json format.

For Backend mode

---

For Frontend mode

---

Syntax highlighter (since version 1.2)

1. Json highlighter.
2. Line number.
3. Line wrapper.
4. Match Brackets.
5. Automatically close Brackets.

Search/Replace function (since version 1.2)

1. Ctrl-F / Cmd-F: Start searching
2. Ctrl-G / Cmd-G: Find next
3. Shift-Ctrl-G / Shift-Cmd-G: Find previous
4. Shift-Ctrl-F / Cmd-Option-F: Replace
5. Shift-Ctrl-R / Shift-Cmd-Option-F: Replace all
6. Alt-F: Persistent search (dialog doesn't autoclose, enter to find next, shift-enter to find previous)

---

D) Credit - top

1. Jquery ui
2. Code mirror

Once again, thank you so much for purchasing this plugin.

wptpnet

Go To Table of Contents

---