Enhance the post editor control

[westonruter]

Building off of #216 some ideas for how we can improve the post editor control:

• Allow the closeEditor and openEditor to be labels defined on the registered post type object itself, allowing them to be customized per post type.
  • https://github.com/xwp/wp-customize-posts/pull/216/files#diff-ac3b3f2b0a5e0d7b7465212d8d4b95f7R319
  • https://github.com/xwp/wp-customize-posts/pull/216/files#diff-a0adaae2895ac1ed37f977a4d845ad62R633
• Move code related to instantiating the wp_editor into the WP_Customize_Post_Editor_Control itself (static methods added once):
  • https://github.com/xwp/wp-customize-posts/pull/216/files#diff-a0adaae2895ac1ed37f977a4d845ad62R698
  • https://github.com/xwp/wp-customize-posts/pull/216/files#diff-a0adaae2895ac1ed37f977a4d845ad62R716
  • https://github.com/xwp/wp-customize-posts/pull/216/files#diff-a0adaae2895ac1ed37f977a4d845ad62R758
• Provide some more information in the collapsed post editor control in the pane about the contents of the setting. For example, there could be a word count:
  • 
• Allow a PostEditorControl to have params which include which TinyMCE buttons should be made available. For example, there may be some postmeta field where only basic HTML should be allowed. When the editor is shown for this expanded control, then only the relevant TinyMCE buttons should be displayed. The full suite of controls should then be displayed when going back to edit post_content. Not totally sure of the feasibility of doing this declaratively via control params, but it could be handy.

[mohdsayed]

I am working on it here #222

[mohdsayed]

Allow a PostEditorControl to have params which include which TinyMCE buttons should be made available. For example, there may be some postmeta field where only basic HTML should be allowed. When the editor is shown for this expanded control, then only the relevant TinyMCE buttons should be displayed.

@westonruter I cannot find any method to disable plus hide the buttons after the tinyMCE has been instantiated. I could do this which works well

/**
 * Toggle the editor buttons.
 *
 * @return {void}
 */
updateEditorButtons: function() {
    var control = this, button,
        editor = tinyMCE.get( 'customize-posts-content' ),
        mediaButton = $( '#wp-customize-posts-content-media-buttons' ),
        htmlTab = $( '#customize-posts-content-html' );

    _.each( control.params.editor_settings.mce_buttons, function( buttonState, buttonName ) {
        editor.controlManager.setDisabled( buttonName, ! buttonState );
        button = $( '.mce-i-' + buttonName ).closest( '.mce-btn' );
        button.toggleClass( 'hidden', ! buttonState );
    } );

    htmlTab.toggleClass( 'hidden', ! control.params.editor_settings.html_editor );
    mediaButton.toggleClass( 'hidden', ! control.params.editor_settings.media_buttons );
},

however editor.controlManager.setDisabled( buttonName, ! buttonState ); has been deprecated. Also if you use keyboard shortcuts like Cmd + B , the bold button reappears, though we can add or remove the shortcuts like this. There must be a simpler way of doing it.

[westonruter]

@sayedwp I'd say this is low priority, so it can be addressed later.

[westonruter]

Unless you have a direct need for this.

[westonruter]

Your solution looks pretty good.

[westonruter]

Regarding shortcuts causing the buttons to re-appear, that's a challenge I don't have an immediate suggestion for. My experience traversing the depths of TinyMCE is limited.

[mohdsayed]

There is no direct need for this, so okay we will do this later.