Clear formatting button and <!-- more --> tag

[korobochkin]

I made a small video showing the problem.

​http://www.youtube.com/watch?v=_HeUrV-7H9U

Reproduce the bug.

1. Paste into Text TinyMCE tab following text:

   Some text before more tag. More tag is next.
   
   <!--more-->
   
   Text placed after more tag.
   

2. Switch to Visual tab.
3. Select all text — cmd + a (ctrl + a).
4. Press "Clear formatting" button.
5. Switch to Text tab and you see:

   Some text before more tag. Wordpress running without any plugins or dirty themes :)
   
   <img title="Read More..." src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-wp-more="" data-mce-resize="false" data-mce-placeholder="1" />
   
   Text placed after more tag.
   

[iseulde]

Thank you for finding this! :) This is actually a problem with wpviews as well (e.g. a gallery preview). It looks like all classes are removed and the styling becomes a mess. They do still convert when switching to text mode though.

[iseulde]

I'm not sure if this can be fixed some other way, but overwriting the TinyMCE defaults for "remove format" works. This is just a copy of the defaults, but it doesn't remove the class for '*', except for the rules above. So it won't remove the class for img and div.

[iseulde]

So @azaozz suggested moving everything to data-wp- instead of using a class. That's probably the way to go. :)

[korobochkin]

Hm... You are so smart and fast, @avryl! I am not very well versed in Javascript :)

[DrewAPicture]

@azaozz: Can you please review the patch?

[azaozz]

In 29317:

TinyMCE:

• Use data-wp-* for processing and styling of the more and nextpage placeholders, keep the class names for back-compat. Makes them "immune" to "Clear formatting".
• Translate the titles of the placeholders.

Fixes #28772.