TinyMce is the greatest feature of v3 I think.
But, the way Niels configured it, lacks of style manipulation and a bug when you want to style tables.

Let me explain.

By creating H1, H2 and other tags in umbraco css, we can have them inserted magically in the editor.
By creating .style1 .style2, we can have spans with styling.

How can we get an H1 tag, with the last 2 words in a red span?
How can we easily change the H1 tag to H2 etc?
How...(!)
We cant.

If you have a look at the original tinyMce (full example - http://tinymce.moxiecode.com/example_full.php), you will notice the -Format- dropdown. With this dropdown you can maniputalte P, H1 and other tags.

I've managed to make the needed changes in order to have both styles and -Format- dropdown in the tinyMce. Yes, it is working, and is very flexible when you are styling. Change your p tags to H1, address, pre, and the opposite. Style freely with the -styles- dropdown everywhere, or remove them easily.

You dont have to make H1 tags in umbraco css, because -Format- dropdown have all the needed.
Of course you can style them in your main css.
Only create .span classes for inline styling.

Another great implementation I've managed to do, is... html templates in tinyMce.
What if you want to give your editors some style-ready tables in order to fill them? Some style-ready divs? Or any html snippets.
You can create your html snippets inside umbraco, name them and ready to use!

It is easy to make all the above to work.
Download at http://www.joyhost.gr/media/6291-leftinymce.zip
Instructions included.

Lefteris

By total purpose. We won't. Period. Editors needs to focus on the text. The web isn't a playground and editors aren't designers - they're copywriters. That's why the emoticons are missing too.

The snippet idea is excellent. Let's integrate that to 3.1.

Cheers,
Niels...

---

Jeeeez, did I really start this :-)

The editorControls is from 3.0.1 and it contains the following:
- config.Add("template_external_list_url", "/scripts/mcetemplates.js");
because I cannot define it elsewhere (e.g. tinymceconfig.config
It is the js where we define the htm snippets

- also re-enables the visualaid button in tinyMce (you must then define in tinymceoncifg.config)

- a small hack in order to make -Format- dropdown to work and table css assignment


The editor_template.js which you put it in umbraco_client has minor fixes for the workaround.

@Lefteris:
Just to clarify; Your client doesn't need to call you to change a h1 element to another semantic element. The current tinyMCE fully supports that.

But if your client wants the past words of a headline in a new color and you think that's a good idea and in line with design guidelines (or maybe there's none) luckily the you've proven that the flexibility of umbraco even support madness like that ;-)

But to give that kind of control, that kind of loosing focus by default is a terrible idea IMHO. That was the reasoning behind gathering all typographic markup in one select box with the focus on "headline", "teaser" or "paragraph" rather than sizes and colors. No solution even covers everyone, and there might be a couple of clients hating that they'll only be able to be writers not artists. At least this implementation gives you a chance to tell them why. Start a dialog on how text ought to be formatted on the web.

And I'm still convinced that it should be the default. They can always dump umbraco in favor of MS Frontpage then ;-)

Cheers,
Niels...

---

Jeeeez, did I really start this :-)

I agree with all the above.
I dont want to give writers functions like changing fonts, colors everywhere, other than the standard design I made, or crappy stuff.

But some basic handling (following my guidelines I always give) with the classes I have created and simple manipulation of the H and P tags (again following my guidelines).

If my design is too complicated, maybe I need more handling from the tinyMce.
If I need an H2 that must be in orange color and not the default in my css, or a pre tag that must have other background color than the predefined in the css, I cannot have it.

Thats why I created my workaround, for flexibility in compicated designs.

In -style- dropdown I have the .classes (colors, floatings, etc) and in -Format- dropdown I have the basic -search engine helpers- h, p , pre and other tags.

Table plugin in standard umbraco tinyMce, cannot recognize the classes.
In my workaround there is no need to change the Table plugin source (or all the others) in order to play with the umbraco css.

If I remember correctly, it's actually paste from word that's loaded as the default paste.

/n

---

Jeeeez, did I really start this :-)

Could you add both issues to the issue tracker at codeplex? Don't worry too much about the icons as they're not the same in umbraco and tinymce (for backwards look/feel).

But I'll make sure to follow up once I get back from vacation in 8 days (taking a week break from monday - yeah!)

---

Jeeeez, did I really start this :-)

Oh, man, this is huge!

Users copy and paste from other websites, word docs, etc. all the time. Every page looks different because the styling information comes along for the ride. I even had a table inserted with one cell and a fixed width... which naturally was wider than the site's design allowed for. Ugly.

Is there anything that can be to make v3.0.x do clean pasting, even before you get this sorted out in v3.1?

Thanks,
doug.

---

MVP 2007-2009 - Official Umbraco Trainer for North America - Percipient Studios

I'm using v3.0.1 (with IE7 on XP) and it didn't prompt me with either CTRL-V or the Paste button. Should it have?

thanks,
doug.

---

MVP 2007-2009 - Official Umbraco Trainer for North America - Percipient Studios

Remember that it only prompts if the html is dirty (ie, illegal html) and it isn't 100% bullet-proof.

Should there be an option to always prompt when pasting html or maybe a configuration of stop words (for element-names and class names) that should open the cleaner dialog?

/n

---

Jeeeez, did I really start this :-)