Classic Editor STILL inserts data-mce-type and br code

  • I have custom <style> inserted on Page. When I click in any part of it (leaving blinking cursor in that spot) and switch between Text>Visual>Text tab, then TinyMCE will insert code below in the spot where the cursor was left: 

    <span style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" data-mce-type="bookmark" class="mce_SELRES_start"></span>

    Also if I use Enter after any part of CSS then <br /> will be inserted at the end. It will look something like this:

    <style>
#main {<br />
  background-color: fff;<br />
  background: rgb(255,255,255);<br />
}<br />
</style>

    The only way to mitigate it is to minimize CSS but then it is hard to read it.

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

  • Hi @serpher have you tried adding the CSS to your sites Additional CSS section, you can use page ID’s to target a certain page.

    Thread Starter serpher

    (@serpher)

    Thank you for this tip! All these years using WordPress and I haven’t knew about targeting certain pages using Additional CSS. You live and you learn.

    If only TinyMCE would fix that “bookmark” CSS that would be great.

    Hi @serpher I think that would be the best way to have custom CSS code for a page at the moment, if you have any questions please feel free to ask on the forums.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Classic Editor STILL inserts data-mce-type and br code’ is closed to new replies.