TinyMCE: How do I prevent `
` text in editor?

Question

I have a page with several TinyMCE (v4) editors, which all work great ... until I try and add:

inline: true

to their configuration. When I do that the inline-ing part works great (the toolbar is gone, then appears when I focus the editor), but for some strange reason the editor stops working at that point. Inside the editor I see:

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

but I can't edit that text, or add new text, or do anything at all really with the editor.

I can make the editor work again if I remove inline: true, but I really want the inline effect. Does anyone have any idea how I can get inline without breaking my editors?

score 12 · Answer 1 · answered Feb 12 '17 at 09:36

Actually, the "bogus" br tags appear for inline divs, too. They are added whenever the input field is empty. There appears to be no easy way to get rid of them. I use a CSS rule during the preview phase:

br[data-mce-bogus="1"] {
  display:none;
}

And then strip them out if they make it to the server when the user tries to save.

score 9 · Accepted Answer · answered May 22 '14 at 15:37

9

I recently had this problem, inline: true would not work with a textarea. I change mine to a div and it now works as expected.

answered May 22 '14 at 15:37

codecrunch

209
3
7

It's been awhile since I had this issue, but I think that turned out to be the problem. – machineghost May 22 '14 at 18:08

score 2 · Answer 3 · answered Nov 21 '13 at 00:50

2

Are you using the tinymce jQuery package? The same thing was happening to me until I tried using the normal tinymce package instead.

answered Nov 21 '13 at 00:50

Scott

21
2

Thanks for the suggestion, but I'm already using the non-jQuery version of TinyMCE (and switching to the jQuery version doesn't help either). – machineghost Nov 21 '13 at 17:48
I can confirm that this behavior can be observed using jQuery version of TinyMCE, but not with the "classic" version. For example, try to insert several bullets *with Firefox*. First with http://archive.tinymce.com/tryit/3_x/full.php . Then with http://archive.tinymce.com/tryit/3_x/jquery_version.php . Using the developper console you'll see that
is added to each li item in the editor when using jQuery version. – Olivier Sep 27 '16 at 14:38
My previous comment is wrong. I found out the difference between the two configurations : "lists" plugin is missing in the jQuery page. If "lists" plugin has not been configured, but bullets are used, it lead to insertion of
. – Olivier Sep 27 '16 at 15:20

score 0 · Answer 4 · answered Nov 12 '17 at 15:04

0

<script>
$(document).ready(function () {
    $("#comment").ready(function () {
        $("#comment").val("")
    })

})
</script>

I add this jquery script in html to solve this bug.

answered Nov 12 '17 at 15:04

ltdong7788

11
3

score 0 · Answer 5 · answered Jun 03 '22 at 08:28

0

Add this snippet to your CSS file. That would prevent video bogus.

[data-mce-bogus="all"] {
  display:none;
}

answered Jun 03 '22 at 08:28

Artem Dumanov

381
2
21

TinyMCE: How do I prevent `
` text in editor?

5 Answers5

Linked

TinyMCE: How do I prevent `` text in editor?

5 Answers5

Linked

TinyMCE: How do I prevent `
` text in editor?