JasmanXcrew

<p><strong>Creating a web page you like professionals</strong></p>
<p>GUI-VisualEditor (VE) is a project to provide a “visual” or “WYSIWYG” like online rich-text editor, It was developed by Ihsana’s lab. GUI-VisualEditor gives you the ability to edit without needing to learn HTML markup, and front-end framework code like as Bootstrap, Foundation, FontAwesome, Animate.CSS and other. GUI-Visual Editor has given the easy of visual editing because it has been equipped with various plugins.<br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/5nFfZj0GFrs?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/riPdRg5Jrps?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span><br />
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Vnj_MUkdhag?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Features</h4>
<ul>
<li><a href="http://visual-editor.com/#many-framework" rel="nofollow ugc">Supports Many Frameworks</a></li>
<li><a href="http://visual-editor.com/#native-and-dialog-mode" rel="nofollow ugc">Support Native or Dialog Mode</a></li>
<li>Support Inline/Live Editing</li>
<li>Support Content Delivery Network or Built-in CSS</li>
<li>Support Undo Redo</li>
<li>Toolbar Fonts Automatic </li>
<li>Filebrowser Automatic</li>
<li>Support Textdomain</li>
</ul>
<h4>Addons</h4>
<p>Addons are created TinyMCE plugin is suitable for this plugin, available in more than 35 addons on this plugin. However, you can still add it to purchase services from us.</p>
<h4>Premium Addons</h4>
<blockquote>
<p>You can add more features to the editor using our premium add ons, is charged.</p>
</blockquote>
<p>Here are a few add ons that we offer premium:</p>
<ul>
<li>GUI-Animate CSS is addons for adapter Animate.CSS into GUI-VisualEditor. By using this, you do not need to memorize or write code to create animations on your web content, such as animated bounce, flash, pulse, rubberBand, shake, swing, tada, and others</li>
<li>GUI-Bootstrap Alert is addons that allow create and edit Alert Component that use bootstrap framework.</li>
<li>GUI-Bootstrap Buttons is addons that allow create and edit Button Component that use bootstrap framework, such as color, size, attributes or others, either using classic or inline editor.</li>
<li>GUI-Bootstrap Carousel is addons that allow create and edit Carousel Component that use bootstrap framework</li>
<li>GUI-Bootstrap Glyphicons is addons that allow create icons that use bootstrap framework, includes 200 glyphs in font format from the Glyphicon Halflings set.</li>
<li>GUI-Bootstrap Images is addons that allow create and edit image element that use bootstrap framework, such as: thumbnail, rounded and circle</li>
<li>GUI-Bootstrap Label is addons that allow create and edit label component that use bootstrap framework</li>
<li>GUI-Bootstrap Navigator is addons that allow create and edit nav, pills, stacked, pagination, breadcrumbs or pager component that use bootstrap framework</li>
<li>GUI-Bootstrap Panel is addons that allow create and edit panels that use bootstrap framework</li>
<li>GUI-Bootstrap Quicktags is addons that allow create and edit container, row, column, well, jumbotron and shortcut that use bootstrap framework</li>
<li>GUI-Bootstrap Table is addons that allow create and edit table element that use bootstrap framework</li>
<li>GUI-Bootstrap Visualblocks is addons for display grid bootstrap</li>
<li>GUI-Dashicons is addons that allow create icons that use WordPress Dashboard</li>
<li>GUI-editArea is addons to view or edit the source code. EditArea has several features such as syntax highlighting, Word-wrap, Search and replace and others.</li>
<li>GUI-Foundation Buttons is addons that allow create and edit buttons Component that use foundation framework, either using classic or inline editor.</li>
<li>GUI-Foundation Icons is addons that allow create icons that use Foundation Icons v3.</li>
<li>GUI-Foundation Images is addons that allow create and edit image element that use foundation framework.</li>
<li>GUI-Foundation Label is addons that allow create and edit label component that use Foundation framework</li>
<li>GUI-Foundation Quicktags is addons that allow create and edit container, row, column and shortcut that use foundation framework</li>
<li>GUI-Foundation Table is addons that allow create and edit table that use Foundation framework</li>
<li>GUI-Foundation Visualblocks is addons for display grid foundation framework</li>
<li>GUI-File Browser is addons use for file browser</li>
<li>GUI-FontAwesome is addons that allow create and edit icon that use FontAwesome</li>
<li>GUI-KCFinder, that allow integrated KCFinder File Browser</li>
</ul>
<p>You can get <a href="http://codecanyon.net/item/gui-visual-editor-package-for-tinymce/14858024" rel="nofollow ugc">here</a></p>
<h3>Credits</h3>
<ol>
<li>http://tinymce.com</li>
<li>http://getbootstrap.com</li>
<li>http://fontawesome.io</li>
<li>http://daneden.me/animate</li>
<li>http://foundation.zurb.com/</li>
<li>http://zurb.com/playground/foundation-icon-fonts-3</li>
<li>http://kcfinder.sunhater.com/</li>
<li>http://www.cdolivet.com/editarea/</li>
<li>http://www.lampungcyber.co.id/</li>
</ol>


GUI – Visual Editor

directly integrates with the theme. if the editor trouble with your theme, please contact our support.



Integrates with the theme

This plugin for edit your posts on the front-end of your site without going to wp-admin edit page, this work using tinymce inline technology.

<p>This plugin displays the content of a file in a post. The content of the file<br />
(called a “snippet”) is put in a <code><pre></pre></code> block by default.</p>
<p>It has the following advantages over pasting the content of the file in your post<br />
yourself:</p>
<ul>
<li>When the file is modified, no need to modify the posts referring to it</li>
<li>Indentation is preserved by default (useful to show code snippets)</li>
<li>Can optionally provide a link to the file (no need to copy-paste your snippet)</li>
</ul>
<p>If requested (see the <code>preserveformat</code> parameter), the content of the file<br />
is put in a <code><div></div></code> block, with each line (delimited by<br />
the carriage return) in its own <code><p></p></code> block.</p>
<h4>Usage</h4>
<p>Syntax: <code>[file lang="some_lang" start="a_line_number" end="a_line_number" link="on_or_off" style="some_style_properties" preserveformat="on_or_off"]path/to/your/file[/file]</code></p>
<p>Note: The order of the attributes is mandatory!</p>
<h4>Example: Inlining of a file</h4>
<p>In your post, write <code>[file]path/to/your/file[/file]</code>. That’s it!</p>
<h4>Example: Using a syntax highlighter plugin</h4>
<p>If you write <code>[file lang="cpp"]path/to/your/file[/file]</code> (for instance),<br />
and if the syntax highlighter plugin you use supports<br />
the <code><pre lang="*"></pre></code> syntax (most does), then the content<br />
of your file will be processed by the syntax highlighter plugin as usual.</p>
<h4>Example: Provide a link to the file</h4>
<p>If you write <code>[file link="on"]path/to/your/file[/file]</code>, a link will<br />
be automatically added to the top left of the text area.</p>
<h4>Example: Inline a subset of a file</h4>
<p>If you write <code>[file start="10" end="20"]path/to/your/file[/file]</code>,<br />
only the lines 10 to 20 of the file will be displayed. You can omit the start<br />
(ie. “from beginning to line 20”) or the end (ie. “from line 10 to the end of<br />
the file”) if you want.</p>
<h4>Example: Set the color of the text to red</h4>
<p>In your post, write <code>[file style="color: #FF0000;"]path/to/your/file[/file]</code>.</p>
<h4>Example: Prevent the plugin to process a [file][/file] block</h4>
<p>Just write <code>[file off]your content[/file]</code>.</p>
<p>Note: The ‘off’ attribute must come BEFORE any other ones.</p>


File Inliner

This plugin displays the content of a file in a post.

GUI – Visual Editor vs File Inliner