WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] What does the WordPress TinyMCE roadmap look like? (6 posts)

  1. lazy_entrepreneur
    Member
    Posted 4 months ago #

    Have I misses understanding something around TinyMCE for WordPress 3.9 beta?

    One of the best features of TinyMCE 4.0 is the new look UI (User interface) and the way it uses a menu system to group lots of features into a smaller space, not rows of badly grouped icons.
    (http://www.tinymce.com/index.php).

    It would be nice to finally get rid of plugins like TinyMCE Advanced & Ultimate TinyMCE, and to have a modern approach for the WordPress editor. It is after all the engine which the whole of WordPress revolves around.

    As a standard feature, TinyMCE 4 UI has a single button called “formats” which contains many of the style features, including some which seem to have been excluded in the WordPress 3.9 beta. This unnecessarily forces the need to use plugins to simply put back standard features. This doesn’t really make much sense.

    Additionally, the new TinyMCE 4 UI utilizes a menu system. This would have been a fantastic new addition to WordPress. Menus would allow Plugin developers to include there TinyMCE addons without the clutter that can happen with the current WordPress and old TinyMCE 3 UI design.

    Obviously there must have been discussions about change management for existing plugins and user uptake, training, etc of a new UI. Of course these are important consideration, but that is the whole point of change. TinyMCE it’s self has moved in the right direction but the WordPress implementation of TinyMCE seems to be resisting this change.

    Maybe I have not seen a settings screen or have missed some documentation on the changes to TinyMCE for WordPress and why this was approach was adopted. Maybe this is the first step in a planned transition to a full implementation of TinyMCE 4 UI. Can anyone give further insight into this?

    On a positive note, the feature to drag and drop images is fantastic. It will be an especially nice feature for non-technical users of WordPress.

    Thank you to all the WordPress designers for this amazing tool you have built and for all your hard work to constantly make it better.

  2. Andrew Ozz
    WordPress Dev
    Posted 4 months ago #

    The updated TinyMCE doesn't include the new menu. It can (of course) be enabled by a plugin.

    There are many different opinions on which plugins and buttons should be included by default, another discussion: https://core.trac.wordpress.org/ticket/27159.

    One of the reasons WordPress is so good is the abundance of available plugins. There are a few hundreds of them that enhance the Visual editor.

  3. In WP 3.9 using TinyMCE4; you can display the menubar be adding a function to your child theme or plugin (as Andrew suggested)... using the tiny_mce_before_init hook.

    It's a really simple function:

    function wp_show_menu_toolbar($init) {
    
        $init['menubar'] = "tools table format view insert edit";
    
        return $init;
    }
    add_filter( 'tiny_mce_before_init', 'wp_show_menu_toolbar' );

    You can modify what is displayed in the toolbar by altering the $init['menubar'] object being passed in the filter.

    @Andrew Ozz,

    I simply cannot thank you enough for all the time you have put into the new WP 3.9. From the masses, even if they don't know it yet, WE SALUTE YOU!!

  4. joneiseman
    Member
    Posted 4 months ago #

    Hi Josh,

    Thanks for the explanation on how to add the menubar. I tried your suggestion and it did bring up the menubar with the format, view, insert, and edit menus but for some reason it didn't include the tools or table menus.

    Jon

  5. If you're having a specific error with the Beta/nightly, please make a new post. This one is about the roadmap :)

  6. Hey Ipstenu; hope all is well in 'half-elf' land!
    I don't mean to encourage improper forum etiquette... but @joneiseman didn't create a new thread.. and I'd like to expand on my previous comment. So please, don't spank me!

    @joneisman,
    To get the 'table' item in the menubar, you have to also pass the table item through the $init['tools'] filter; within the tiny_mce_before_init hook.

    So, final tiny_mce_before_init hook should resemble this:

    function wp_show_menu_toolbar($init) {
    
        $init['tools'] = 'table';
        $init['menubar'] = "tools table format view insert edit";
    
        return $init;
    }
    add_filter( 'tiny_mce_before_init', 'wp_show_menu_toolbar' );

    To get the 'tools' menubar item; as far as I can tell, the 'code' addon is the only one which gets initialized into this menubar item. You'll need to pass the 'code' addon javascript file through the mce_external_plugins filter.

    function init_mce_plugins($init) {
    
        $init['code'] = plugins_url() . '/path_to_code_addon/plugin.min.js';

    ... where path_to_code_addon is the location of the javascript file.

    That should get all items displaying as I suggested above.

Reply

You must log in to post.

About this Topic

Tags