f(x) Editor
f(x) 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 in
f(x) 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:
- 01Easy settings to disable/enable features.
- 02Create boxes (Note, Alert, Error, Downloads) via visual editor.
- 03Create buttons (White, Black, Red, Green, Blue) via visual editor.
- 04Create 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.
- 05Add page break button.
- 06Add line break <br/> button.
- 07Enable text background color option (not only text color).
- 08Switch paragraph to BR(line break).
- 09Easy to use. No shortcode to remember.
- 10The GPL v2.0 or later license. 🙂 Use it to make something cool.
- 11Support available at Genbu Media . Notes for developer:
Github
Development of this plugin is hosted at GitHub . Pull request and bug reports are welcome.
Options
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' );