How to remove the “Path” line in the WordPress Editor for end users who are submitting a form?

There is a horizontal box of one-line height at the bottom with the character “p” in it that I want to get rid of for end users. I don’t really care if it is there in the Dashboard Editor for site admins/editors. This line seems to indicate the formatting of the line where the cursor is. End users are providing feedback “so, what’s the p?”. Can we remove that box?

Solutions Collecting From Web of "How to remove the “Path” line in the WordPress Editor for end users who are submitting a form?"

This is how the tinymce statusbar displays on my intsall:

<div id="mceu_34" class="mce-statusbar mce-container mce-panel mce-stack-layout-item mce-last" hidefocus="1" tabindex="-1" role="group">
    <div id="mceu_34-body" class="mce-container-body mce-flow-layout">
        <div id="mceu_35" class="mce-path mce-flow-layout-item mce-first mce-last">
            <div role="button" class="mce-path-item" data-index="0" tabindex="-1" id="mceu_35-0" aria-level="0">p</div>
            <div class="mce-divider" aria-hidden="true"> » </div>
            <div role="button" class="mce-path-item mce-last" data-index="1" tabindex="-1" id="mceu_35-1" aria-level="1">strong</div>   

so this suggests hiding it with CSS.

You probably want to keep the statusbar visible but hide the div.mce-path.

The tiny_mce_before_init hook might come useful to target the tinymce editor:

add_filter( 'tiny_mce_before_init', function( $settings )
    return $settings;
} );

But there must be a native way, so I simply searched for the mce-path keyword and this question on StackOverflow popped up first:

Remove path in status bar in TinyMCE4

There it’s suggested by @BeckJohnson to use:

tinymce.init({ elementpath: false });

so we can try that with:

add_filter( 'tiny_mce_before_init', function( $settings )
    $settings['elementpath'] = false;
    return $settings;   

and that seems to do the trick.

It’s called the Element Path located in the editor’s status bar.

You remove it by setting its tinymce.init setting of elementpath to false.

{'elementpath': false}

In WordPress, that setting can be altered in the tiny_mce_before_init filter.

add_filter('tiny_mce_before_init', function ($init) {
$init['elementpath'] = false;
return $init; });

Make sure you add the filter before you invoke the editor function or it will not take effect.

It shows what HTML tags are open.

Just tell them what it is and add “if you don’t know what that means, just ignore it. It is nothing you need to worry about.”

Why go making code changes when they are not needed?