Skip to:

Changing Editor to full TinyMCE – Problems with textarea

  • Lumartist


    Hello everyone,

    I am trying to change the tinymce toolbar for the forum (reply & topic). To do so I added this code to the form-reply.php and the same (just different context) for form-topic.php:

    <?php bbp_the_content( array( 
                                'context' 		=> 'reply',                            
                                'media_buttons' => false,
                                'wpautop' 		=> true,
                                'quicktags'		=> true,
                                'teeny'			=> false,
                                'tinymce'       => array(
                                    'toolbar1'      => 'bold,italic,underline,strikethrough,alignleft,aligncenter,alignright,bullist,numlist,blockquote,link,unlink,forecolor,backcolor,undo,redo,removeformat'
                            ) ); ?>

    Everything is working so far, except a small detail:

    I am not able to click into the textarea/editor, so that the cursor jumps into the first line. Instead I have to click the first line, which is working.

    I was able to isolte the problem, which is coming from this part of the code:

    'tinymce'       => array(
                                    'toolbar1'      => 'bold,italic,underline,strikethrough,alignleft,aligncenter,alignright,bullist,numlist,blockquote,link,unlink,forecolor,backcolor,undo,redo,removeformat'

    It also appears if I just add:

    'tinymce' => true

    I looks like that the syntax might be wrong, but I read a lot of guides, and in all the syntax was the same.

    I also recognized, that there is a change in the source code, after I add that “tinymce” bit to the array.

    After the changes the appears this code:

    <p><br data-mce-bogus="1"></p>


    What I read is, that this problem occurs when tinymce is using a <textarea> – But I don’t know how to change that textarea to a div, which is recommended.

    Anyone can help me on this?

    Thank you for your help in advance!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Lumartist



    I did a few tests. The Problem also appears if I enable the visual (tab) editor via functions.php, like described here: BBPress Codex, and even if I use this Plugin: bbPress Enable TinyMCE Visual Tab

    This is what it looks like on the Website: Image

    And this is how it looks like in chrome dev tools: Image

    Can’t believe that I am the only one with this problem… Or am I doing somethings wrong?




    I did install a complete fresh wordpress with only bbpress. Then I added

    function bbp_enable_visual_editor( $args = array() ) {
        $args['tinymce'] = true;
        return $args;
    add_filter( 'bbp_after_get_the_content_parse_args', 'bbp_enable_visual_editor' );

    to the functions.php of “Twenty Fourteen”. And again, the same problem as described above. I have to click row one. If I click below it nothing happens.

    But – I also found out, that it is a problem of “Chrome” only. Everything is working fine in Firefox and others. Here the cursor jumps to row one if I click into the text field.

    So I guess it might not be a problem of bbpress… Not sure.

    Any Ideas?


    Btw: As soon as I add links into this answer it disappears…

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.
Skip to toolbar