這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

GUI – Visual Editor

外掛說明

Creating a web page you like professionals

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.


Features

Addons

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.

Premium Addons

You can add more features to the editor using our premium add ons, is charged.

Here are a few add ons that we offer premium:

  • 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
  • GUI-Bootstrap Alert is addons that allow create and edit Alert Component that use bootstrap framework.
  • 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.
  • GUI-Bootstrap Carousel is addons that allow create and edit Carousel Component that use bootstrap framework
  • GUI-Bootstrap Glyphicons is addons that allow create icons that use bootstrap framework, includes 200 glyphs in font format from the Glyphicon Halflings set.
  • GUI-Bootstrap Images is addons that allow create and edit image element that use bootstrap framework, such as: thumbnail, rounded and circle
  • GUI-Bootstrap Label is addons that allow create and edit label component that use bootstrap framework
  • GUI-Bootstrap Navigator is addons that allow create and edit nav, pills, stacked, pagination, breadcrumbs or pager component that use bootstrap framework
  • GUI-Bootstrap Panel is addons that allow create and edit panels that use bootstrap framework
  • GUI-Bootstrap Quicktags is addons that allow create and edit container, row, column, well, jumbotron and shortcut that use bootstrap framework
  • GUI-Bootstrap Table is addons that allow create and edit table element that use bootstrap framework
  • GUI-Bootstrap Visualblocks is addons for display grid bootstrap
  • GUI-Dashicons is addons that allow create icons that use WordPress Dashboard
  • 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.
  • GUI-Foundation Buttons is addons that allow create and edit buttons Component that use foundation framework, either using classic or inline editor.
  • GUI-Foundation Icons is addons that allow create icons that use Foundation Icons v3.
  • GUI-Foundation Images is addons that allow create and edit image element that use foundation framework.
  • GUI-Foundation Label is addons that allow create and edit label component that use Foundation framework
  • GUI-Foundation Quicktags is addons that allow create and edit container, row, column and shortcut that use foundation framework
  • GUI-Foundation Table is addons that allow create and edit table that use Foundation framework
  • GUI-Foundation Visualblocks is addons for display grid foundation framework
  • GUI-File Browser is addons use for file browser
  • GUI-FontAwesome is addons that allow create and edit icon that use FontAwesome
  • GUI-KCFinder, that allow integrated KCFinder File Browser

You can get here

Credits

  1. http://tinymce.com
  2. http://getbootstrap.com
  3. http://fontawesome.io
  4. http://daneden.me/animate
  5. http://foundation.zurb.com/
  6. http://zurb.com/playground/foundation-icon-fonts-3
  7. http://kcfinder.sunhater.com/
  8. http://www.cdolivet.com/editarea/
  9. http://www.lampungcyber.co.id/

螢幕擷圖

  • GUI VisualEditor + Addons Bootstrap Quicktags
  • GUI VisualEditor + Addons Bootstrap Images
  • Toolbar
  • Option Plugin
  • Option Toolbar Editor
  • Option Editor

安裝方式

  1. Unzip and Upload galau-ui-visual-editor.zip to the /wp-content/plugins/galau-ui-visual-editor directory
  2. Activate the plugin through the ‘plugins’ menu in WordPress
  3. Make configuration setting in plugin setting page.
  4. hit “save setting” button.

Installation Addons

  1. Get add-ons more here,
  2. download and extract then
  3. copy all the folders in /dist/ folder to the /wp-content/plugins/galau-ui-visual-editor/addons/

常見問題集

Installation Instructions
  1. Unzip and Upload galau-ui-visual-editor.zip to the /wp-content/plugins/galau-ui-visual-editor directory
  2. Activate the plugin through the ‘plugins’ menu in WordPress
  3. Make configuration setting in plugin setting page.
  4. hit “save setting” button.

Installation Addons

  1. Get add-ons more here,
  2. download and extract then
  3. copy all the folders in /dist/ folder to the /wp-content/plugins/galau-ui-visual-editor/addons/
Can I add plugins to my liking?

Yes, of course. You can.

Is this plugin for free?

yes, this plugin is always free. if you need additional add ons such as a menu for editing bootstrap style, animations or the other. it’s not free because it was not part of the plugin.

使用者評論

閱讀全部 4 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈GUI – Visual Editor〉的開發相關工作。

參與者

將〈GUI – Visual Editor〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.0

initial release

2.0

  • Add google font
  • Add Custom CSS
  • Add Templates
  • Fix some issue

2.0.2

  • Fix chrome issue

2.0.3

  • change default addons