TinyMCE dodawanie klasy do każdego elementu

Witam.

Czy istnieje jakiś sposób aby TinyMCE w każdym dodanym przez siebie tagu dodawało do niego klasę np: class="tinymce".
Bo chciałbym w arkuszu stylów ustawić inne style dla wyświetlania tekstów dodawanych za pomocą TinyMCE.

Nie lepiej samemu sobie dopisywać kontener na teksty z tinymce typu <div class="tinymce">[tutaj wstawić treść zapisaną z tinymce]</div>, a potem odwoływać się w cssach tak:
.tinymce span { ... }
.tinymce p { ... }
itd?

Dzięki bardzo za podpowiedź, masz rację że lepiej zrobić to tak :).
A jeszcze mam pytanie odnośnie TinyMCE. Czy można tam ustawić np żeby zdjęcie zawsze było wyśrodkowane? I żeby nie tworzył mi &nbsp jak użytkownik wstawi spację :). I żeby zawsze pisał jednym rozmiarem czcionki, w zależności od ustawionego akapitu. Bo teraz użytkownik może sobie wstawić dowolny rozmiar czcionki a tego chciałbym uniknąć.

Dokumentacja....

Hej.

Szukałem i szukałem i nie mogę znaleźć wiadomości na temat w jaki sposób mógłbym ustawić aby za każdym razem jak ktoś będzie wklejał obrazek to żeby jego szerokość wynosiła 100px.

Napisałem coś takiego:

paste_preprocess : function(pl, o) {
            	
            	if (!(/^<img(.*?)\>$/.test(o.content)))
            	{
            		var html = o.content;
		        var div = document.createElement("div");
			div.innerHTML = html;
            		o.content = div.innerText;
		}else
		{
			o.content = o.content.replace(">"," style='width: 100px'>");
		}

        		},

Ale w wyniku wkleja się obrazek z oryginalnym rozmiarem a parametr style jest całkiem usunięty. Bardzo proszę o pomoc :).

ty rozumiesz coś z tych wcięć? i dlaczego nie możesz najzwyczajniej na świecie nadać stylu css temu obrazkowi, tylko robisz coś takiego?

Chyba już wszystkiego próbowałem i nadal jestem w kropce :).

Próbowałem zmieniać style w taki sposób:

paste_preprocess : function(pl, o) {

	var html = o.content;
	html = html.replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&amp;/g,'&'); 
          	
	if (!(/^<img(.*?)\>$/.test(html)))
	{
		o.content = html.replace(/<\/?[^>]+(>|$)/g, "");
	}
	else
	{
		o.content=html;

		$("p img").each(function () {
			$(this).css("width", "1px");
		});
	
	}
},

Ale z wklejanym obrazkiem do TinyMCE nic się nie dzieje ma normalne wymiary.

dlaczego nie możesz najzwyczajniej na świecie nadać stylu css temu obrazkowi, tylko robisz coś takiego?

Ale jak zrobię to w arkuszu stylów to po wklejeniu w tinyMCE w edytorze obrazek nie zmienia się. A chodzi o to aby po wklejeniu obrazku do edytora ten był od razu wyśrodkowany i w odpowiednim rozmiarze.

p img {
	width: 1px;
	height: 100px;
	margin: auto;
}

A podpinasz swój plik css do edytora w ogóle?

W tinyMCE.init dodaj:

 					
     // Example content CSS (should be your site CSS)
     content_css : "twoj/plik/css/tiny_mce.css",

Oczywiście w przykładowym tiny_mce.css wprowadzasz swoje style :)

No tak :)
Dzięki bardzo za pomoc.