Adding new formats to the dropdown in TinyMCE

[landitus]

I was wondering if it's possible to add new formats to TinyMCE via the field's configuration. I'm trying to add a new format in the format's dropdown (the one with h2, blockquote, etc). I think it's possible natively with this setting: http://www.tinymce.com/wiki.php/Configuration:style_formats or this one: http://www.tinymce.com/wiki.php/Configuration:formats. This way, I can mark some text with the "note" format and it will render a paragraph with a class of "note", for example.

Take a look at this example: http://www.tinymce.com/tryit/custom_formats.php

[kongondo]

Not sure if the following threads will help?

http://processwire.com/talk/topic/5052-html-editing-in-pages-using-all-html-tags/

http://processwire.com/talk/topic/895-custom-styles-in-wysiwyg-editor/

And from the wiki...

http://wiki.processwire.com/index.php/TinyMCE

[landitus]

Not really, but thanks @kongondo. 

I've tried the default example for theme_advanced_styles and it didn't have any effect. Check out this screenshot of my settings. I guess it's not the same setting as described in the TinyMCE docs. Anyhow, I can't get any new element to show up in the format's dropdown. 

[statestreet]

I'm trying to do the same thing right now, and I think I see what you're missing: You need to add "styleselect" to theme_advanced_buttons1. 

[landitus]

Thanks statestreet! Actually, what I'm looking for is to avoid adding another select, because I want to avoid confusions with the users. It looks from the example taken from TinyMCE that new "style formats" can be added to the Format's select. Take a look at the screenshot attached.

It would be better to just have one select for styling, in my case. Let me know if you can accomplish this! 

[statestreet]

I agree, it's usually better to have just one select. I presume the Style select is for spans, while the regular select is for block-level, but I'd imagine in both our use cases, block-level is all content editors will need.

It appears this is accomplished through theme_advanced_blockformats. I added 'div' in there and that made 'DIV' appear in the dropdown, but I'm not sure how to apply classes to it yet.

[Soma]

That screenshot is from TinyMCE 4, PW uses TInyMCE 3.8.

[Joss]

There is the difference here that the format dropdown inserts tags where as the styles dropdown inserts styles INTO tags.

[landitus]

More on this subject. I saw this article for Wordpress and it's pretty much what I'm referring. http://wordpress.stackexchange.com/questions/128931/tinymce-adding-css-to-format-dropdown

Could some of this be achieved in PW?