Title: f(x) Editor
Author: David Chandra Purnama
Published: <strong>3 Tháng 2, 2016</strong>
Last modified: 9 Tháng 12, 2016

---

Tìm kiếm plugin

![](https://ps.w.org/fx-editor/assets/banner-772x250.png?rev=1342270)

Plugin này **chưa được cập nhật với 3 phiên bản mới nhất của WordPress**. Nó có 
thể không được hỗ trợ và bảo trì, và có thể xung đột với các phiên bản WordPress
mới nhất.

![](https://ps.w.org/fx-editor/assets/icon-256x256.png?rev=1342270)

# f(x) Editor

 Bởi [David Chandra Purnama](https://profiles.wordpress.org/turtlepod/)

[Tải về](https://downloads.wordpress.org/plugin/fx-editor.1.4.0.zip)

 * [Chi tiết](https://vi.wordpress.org/plugins/fx-editor/#description)
 * [Đánh giá](https://vi.wordpress.org/plugins/fx-editor/#reviews)
 *  [Cài đặt](https://vi.wordpress.org/plugins/fx-editor/#installation)
 * [Nhà phát triển](https://vi.wordpress.org/plugins/fx-editor/#developers)

 [Hỗ trợ](https://wordpress.org/support/plugin/fx-editor/)

## Mô tả

**[f(x) Editor](http://genbumedia.com/plugins/fx-editor/)** is a plugin to enhance
your content editing experience by enabling WordPress features such as Page Break
and Text Background Color/Highlight.

You can also easily create information boxes, colorful buttons, and columns to make
your content richer and engage to your audience more.

After installation of this plugin, you can enable each features by navigating to“
Settings > Visual Editor” menu in your administration panel.

**Features:**

 1.  Easy settings to disable/enable features.
 2.  Create boxes (Note, Alert, Error, Downloads) via visual editor.
 3.  Create buttons (White, Black, Red, Green, Blue) via visual editor.
 4.  Create columns ( up to 3 columns: “1/2 – 1/2” ; “1/3 – 2/3” ; “2/3 – 1/3” ; “1/
     3 – 1/3 – 1/3” ) via visual editor.
 5.  Add page break button.
 6.  Add line break <br/> button.
 7.  Enable text background color option (not only text color).
 8.  Switch paragraph to BR(line break).
 9.  Easy to use. No shortcode to remember.
 10. The GPL v2.0 or later license. 🙂 Use it to make something cool.
 11. Support available at [Genbu Media](https://genbumedia.com/contact/).
      Notes for
     developer:

#### Github

Development of this plugin is hosted at [GitHub](https://github.com/turtlepod/fx-editor).
Pull request and bug reports are welcome.

#### Tùy chọn

This plugin save the options in single option name: `fx-editor`.

#### Scripts

This plugin load one CSS in site front-end and one css in editor. If you are a theme
author and want to override the styling it is recommended to remove the CSS and 
add the CSS in your theme stylesheet and editor style CSS.

To disable the front end CSS, add this code in your theme functions.php:

    ```
    add_filter( 'fx_editor_load_front_css', '__return_false' );
    ```

and then you can copy the CSS “css/front.css” to your theme style.css and make adjustment
as needed.

To disable the back-end/editor CSS, add this code in your theme functions.php:

    ```
    add_filter( 'fx_editor_load_editor_css', '__return_false' );
    ```

And then you can copy the CSS “css/editor.css” to your theme editor styles and make
adjustment as needed. Note: You need to make sure all the needed elements such as“
remove icon” and “columns info” are styled properly to make sure user can properly
edit the content.

For coder module, there are separate filters to disable it:

    ```
    add_filter( 'fx_editor_load_coder_editor_css', '__return_false' );
    add_filter( 'fx_editor_load_coder_front_css', '__return_false' );
    add_filter( 'fx_editor_load_coder_front_js', '__return_false' );
    ```

## Ảnh màn hình

[⌊Editor Settings.⌉⌊Editor Settings.⌉[

Editor Settings.

[⌊Boxes.⌉⌊Boxes.⌉[

Boxes.

[⌊Buttons.⌉⌊Buttons.⌉[

Buttons.

[⌊Columns.⌉⌊Columns.⌉[

Columns.

[⌊Text background Color.⌉⌊Text background Color.⌉[

Text background Color.

[⌊Line Break.⌉⌊Line Break.⌉[

Line Break.

[⌊Coder Module.⌉⌊Coder Module.⌉[

Coder Module.

[⌊Coder Front View.⌉⌊Coder Front View.⌉[

Coder Front View.

[⌊Line Break Button.⌉⌊Line Break Button.⌉[

Line Break Button.

## Cài đặt

 1. Navigate to “Plugins > Add New” Page from your Admin.
 2. To install directly from WordPress.org repository, search the plugin name in the
    search box and click “Install Now” button to install the plugin.
 3. To install from plugin .zip file, click “Upload Plugin” button in “Plugins > Add
    New” Screen. Browse the plugin .zip file, and click “Install Now” button.
 4. Activate the plugin.
 5. Navigate to “Settings > Visual Editor” page in your admin panel to manage the plugin
    settings.

## Hỏi đáp

  Where is the settings ?

The settings is available at “Settings > Visual Editor” page.

  How to disable/override the CSS?

This plugin have no option to disable CSS. If you want to disable the CSS you need
to remove the stylesheet via hooks. Read the “Other Notes” section for more info.

  How to add content after boxes?

You can jump-off the boxes by pressing “Enter” twice.

  How to add content after columns?

If a little trickier, you need to press “Enter” twice 2 times. That’s 4 times. The
first 2 is for jump-off the individual column and the second 2 is to actually jump
the overall column section.

## Đánh giá

![](https://secure.gravatar.com/avatar/4404031f8a9c3897bc6f0ee5534f5a77c911f7240e92067f8867005cffcd6974?
s=60&d=retro&r=g)

### 󠀁[Bravo](https://wordpress.org/support/topic/bravo-65/)󠁿

 [Ümit Solmaz](https://profiles.wordpress.org/cmedya/) 4 Tháng 2, 2017 1 trả lời

Tanks

![](https://secure.gravatar.com/avatar/a8d09d6bb157d2a31e10be03d119b124c4db74f8f15d5b036757f2a864f800dd?
s=60&d=retro&r=g)

### 󠀁[Very Nice Plugin](https://wordpress.org/support/topic/very-nice-plugin-347/)󠁿

 [emredenx](https://profiles.wordpress.org/emredenx/) 25 Tháng 1, 2017 1 trả lời

Thanks..

![](https://secure.gravatar.com/avatar/d94bdc8e970ce9c05a299f54838f522dafcf3d9379cfbea2ca2c848497bb6732?
s=60&d=retro&r=g)

### 󠀁[Nice!](https://wordpress.org/support/topic/nice-1572/)󠁿

 [leemon](https://profiles.wordpress.org/leemon/) 3 Tháng 9, 2016 1 trả lời

I was using your WP Editor Columns Add-on plugin in some of my sites. Much to my
surprise I found that you merged all your old WP-Editor plugins together in this
really nice plugin. No awful shortcodes anywhere!

![](https://secure.gravatar.com/avatar/892c0716ab606189211e31c70047104e48067d22fc385770b193d89e8a056164?
s=60&d=retro&r=g)

### 󠀁[wysiwyg content done right!](https://wordpress.org/support/topic/wysiwyg-content-done-right/)󠁿

 [brettsmason](https://profiles.wordpress.org/brettsmason/) 3 Tháng 9, 2016 1 trả
lời

This plugin is a breath of fresh air! No messy shortcodes in sight and its great
to use. Highly recommended for anyone looking for a great way to organise and style
content.

![](https://secure.gravatar.com/avatar/22e689a789d26657d7d3fae1873f9222d34c95046b8d0ade98e6a7d0bbca3a2c?
s=60&d=retro&r=g)

### 󠀁[Very good wysiwyg plugin to create columns and boxes](https://wordpress.org/support/topic/very-good-wysiwyg-plugin-to-create-columns-and-boxes/)󠁿

 [Mary](https://profiles.wordpress.org/marypop/) 3 Tháng 9, 2016 1 trả lời

I love this plugin. Many thanks of it. Not annoying shortcodes anymore! I can also
easely make changes to output in child theme’s style.css. Yeppee! Thank you. Love
it <3

![](https://secure.gravatar.com/avatar/839f371da41abc654a0034ccdc672d19aa3063e035a2bcb1415b0d132222d723?
s=60&d=retro&r=g)

### 󠀁[Nice & Simple](https://wordpress.org/support/topic/nice-simple-13/)󠁿

 [zela80](https://profiles.wordpress.org/zela80/) 3 Tháng 9, 2016 1 trả lời

This plugin is a very nice and simple way to organize content on a website, works
as expected. I must also commend the author who responded very quickly to my change
request. Keep up the good work!

 [ Đọc tất cả 6 đánh giá ](https://wordpress.org/support/plugin/fx-editor/reviews/)

## Người đóng góp & Lập trình viên

“f(x) Editor” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

 *   [ David Chandra Purnama ](https://profiles.wordpress.org/turtlepod/)

“f(x) Editor” đã được dịch qua 2 ngôn ngữ. Cảm ơn [những người tham gia dịch](https://translate.wordpress.org/projects/wp-plugins/fx-editor/contributors)
vì đóng góp của họ.

[Dịch “f(x) Editor” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/fx-editor)

### Muốn tham gia phát triển?

[Duyệt code](https://plugins.trac.wordpress.org/browser/fx-editor/), check out [SVN repository](https://plugins.svn.wordpress.org/fx-editor/),
hoặc theo dõi [nhật ký phát triển](https://plugins.trac.wordpress.org/log/fx-editor/)
qua [RSS](https://plugins.trac.wordpress.org/log/fx-editor/?limit=100&mode=stop_on_copy&format=rss).

## Nhật ký thay đổi

#### 1.4.0 – 09 Dec 2016

 * Compat with WP.4.7
 * Readjust icon position in WP.4.7
 * Add “underline” button option (removed in wp 4.7)

#### 1.3.1 – 10 Nov 2016

 * Fix bug, check if tinymce DOM not set: Compatibility with f(x) Builder.

#### 1.3.0 – 18 Oct 2016

 * Add Line Break Button Feature: In desktop we can add line break using SHIFT +
   ENTER. But it’s not possible on mobile. This line break can make visual editor
   more user friendly on mobile.

#### 1.2.0 – 8 Sep 2016

 * Remove WP 4.0 required notice.
 * Move uninstall function to uninstall.php file for easier maintenance.
 * Remove activation hook function.
 * Change assets folder structure
 * Add “Coder” Module using google pretify.
 * Add support url in plugin action link.

#### 1.1.0 – 2 March 2016

 * New option: enable only for “content” editor (default: true).
 * Each buttons editor ids now filterable. this will allow dev to fine tune where
   the buttons appear.
 * Delete options in database on plugin uninstall.

#### 1.0.1 – 3 Feb 2016

 * Update language stings, language POT file.
 * Check version using WP version instead of tinyMCE version. (use min 4.3)
 * Add admin notice for minimum requirements.

#### 1.0.0 – 2 Feb 2016

 * Initial release.

## Meta

 *  Phiên bản **1.4.0**
 *  Cập nhật lần cuối **10 năm trước**
 *  Số lượt cài đặt **1.000+**
 *  Phiên bản WordPress ** 4.5 hoặc cao hơn **
 *  Đã kiểm tra lên đến **4.7.35**
 *  Ngôn ngữ
 * [English (US)](https://wordpress.org/plugins/fx-editor/), [Spanish (Chile)](https://cl.wordpress.org/plugins/fx-editor/),
   và [Spanish (Spain)](https://es.wordpress.org/plugins/fx-editor/).
 *  [Dịch sang ngôn ngữ của bạn](https://translate.wordpress.org/projects/wp-plugins/fx-editor)
 * Thẻ
 * [boxes](https://vi.wordpress.org/plugins/tags/boxes/)[editor](https://vi.wordpress.org/plugins/tags/editor/)
   [tinyMCE](https://vi.wordpress.org/plugins/tags/tinymce/)[visual editor](https://vi.wordpress.org/plugins/tags/visual-editor/)
   [wp editor](https://vi.wordpress.org/plugins/tags/wp-editor/)
 *  [Nâng cao](https://vi.wordpress.org/plugins/fx-editor/advanced/)

## Đánh giá

 5 trên 5 sao.

 *  [  6 5-star reviews     ](https://wordpress.org/support/plugin/fx-editor/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/fx-editor/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/fx-editor/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/fx-editor/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/fx-editor/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/fx-editor/reviews/#new-post)

[Xem tất cả đánh giá](https://wordpress.org/support/plugin/fx-editor/reviews/)

## Những người đóng góp

 *   [ David Chandra Purnama ](https://profiles.wordpress.org/turtlepod/)

## Hỗ trợ

Có điều gì muốn nói? cần giúp đỡ?

 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/fx-editor/)

## Ủng hộ

Bạn có muốn hỗ trợ vào sự phát triển của plugin này?

 [ Ủng hộ plugin này ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=TT23LVNKA3AU2)