TinyMCE und <p> Tags

[steve_]

Hallo zusammen,

kann man den TinyMCE so einstellen, dass diese nicht automatisch den Code ändert?

Ich gebe z.B. direkt ohne im Texteditor dies ein:

zeile 1
<p>zeile 2</p>
zeile 3

Ändere man nun den Artikel mit dem TinyMCE, macht diese das aus dem Code:

<p>zeile 1</p>
<p>zeile 2</p>
<p>zeile 3</p>

Kann man abstellen, dass diese unnötigen p-Tags eingefügt werden?

Danke im voraus.

[xchs]

Hallo steve_,

Kann man abstellen, dass diese unnötigen p-Tags eingefügt werden?

Das müsstest Du in der TinyMCE-Konfiguration selbst einstellen: http://www.tinymce.com/wiki.php/Conf...ce_br_newlines

[steve_]

Das müsstest Du in der TinyMCE-Konfiguration selbst einstellen: http://www.tinymce.com/wiki.php/Conf...ce_br_newlines

hallo xchs,
dein tip regelt nur, was passiert wenn man im tinymce ein return eingibt.

ich möchte aber bewirken, dass der tinymce nach speichern der eingaben unter "html quellcode bearbeiten" die p-tags wieder eigenständig einfügt.

bye
steve

[steve_]

hallo xchs,

was ich noch fragen wollte:

gibt es unter 2.10 den punkt "einstellungen > neue Zeilen mittels absätzen erstellen" nicht mehr?

ich finde die einstellung nicht mehr, den tinymce über das backend von contao zu konfigurieren.

[Ulrike]

In Contao 2.9.5 gibt's im Backend unter Einstellungen -> Backend-Einstellungen die Checkbox "Neue Zeilen mittels Absätzen erstellen". In 2.10 ist diese Option leider nicht mehr da.

MfG, Ulrike


/EDIT:
Oops, das war wohl keine Info mehr, die benötigt wurde...

[pmmueller]

zeile 1
<p>zeile 2</p>
zeile 3

Seltsamer Wunsch, denn das ist nicht wirklich gutes HTML, aber wenn du sowas unbedingt eingeben möchtest, dann kannst du statt ce_text doch "Eigenes HTML" benutzen. Oder du stellst den TinyMCE aus

[xchs]

Kann man abstellen, dass diese unnötigen p-Tags eingefügt werden?

ich möchte aber bewirken, dass der tinymce nach speichern der eingaben unter "html quellcode bearbeiten" die p-tags wieder eigenständig einfügt.

Entweder ich versteh's jetzt falsch, aber das was Du im letzten Beitrag schreibst wäre ja ein Widerspruch zu dem, was Du in Deinem Anfangspost erreichen wolltest. Oder hast Du Dich nur verschrieben?

Mag sein, dass es auch noch weitere Konfigurationsmöglichkeiten gibt, das gewünschte Verhalten dem TinyMCE irgendwie beizubringen. Dazu müsstest Du mal genauer die Online-Doku durchforsten...

Es ist aber ziemlich sicher einfacher, wenn Du es gleich so machst, wie von pmmueller empfohlen; dann kannst Du eigenen HTML-Code eingeben wie Du lustig bist, der dann auch in der gewünschten Form abgespeichert wird.

[steve_]

Seltsamer Wunsch, denn das ist nicht wirklich gutes HTML

hallo pmmueller,

Version 1:

zeile 1
<p>zeile 2</p>
zeile 3

Version 2:

<p>zeile 1</p>
<p>zeile 2</p>
<p>zeile 3</p>

Wenn ich Webseites ohne ein CMS erstelle, also mit einem Texteditor, ist Version 1 übersichtlicher und der Code ist schlanker. Ausserdem muss ich weniger tippen. Der HTML Validator "meckert" auch nichts.

[steve_]

Entweder ich versteh's jetzt falsch, aber das was Du im letzten Beitrag schreibst wäre ja ein Widerspruch zu dem, was Du in Deinem Anfangspost erreichen wolltest. Oder hast Du Dich nur verschrieben?

Ja, ich habe mich verschrieben!

... die p-tags nicht wieder eigenständig einfügt.

[lucina]

Wenn ich Webseites ohne ein CMS erstelle, also mit einem Texteditor, ist Version 1 übersichtlicher und der Code ist schlanker. Ausserdem muss ich weniger tippen. Der HTML Validator "meckert" auch nichts.

Es ist aber semanitischer Quatsch.

Carolina.

[Wolf Larsen]

Hallo Zusammen,

mir ist auch etwas aufgefallen. Bis jetzt hatte ich mit TinyMCE noch keine Probleme.

Ich verwende den CE-Slider. Dazu habe ich Slider-Artikel angelegt, mit Inhaltselementen, Subcolumns, Bildern, Text... Anschließend habe ich den CE-Slider angelegt und die Artikel als Artikel mit Insert-Tags eingefügt. Man muss das Text-Inhaltselement wählen, will man dafür die Slider-Klassen vergeben. Durch den TinyMCE werden nun die Insert-Tags in <p> Tags gehüllt, was bei meinem HTML5 zu Validierungsfehlern wie "No p element in scope but a p end tag seen" führt.

Ich kann dem nur beikommen, indem ich für mich als Benutzer kurz den TinyMCE ausschalte, die P-Tags lösche und nachher den TinyMCE wieder anschalte. Dann passt die Validierung. Mache ich mir zu viel Arbeit und ginge es anders?

Danke Euch,
Wolf

[andreasisaak]

wenn du einen wrapper brauchst wo du klassen definieren kannst, dann ist die extension semantic_html5 genau das richtige. einfach den inserttag in ein html typ schreiben und semantic_html5 drumherum.

[elemivick]

Hallo zusammen,

kann man den TinyMCE so einstellen, dass diese nicht automatisch ein p-tag in den Code erstellt?

Ich will im Texteditor dieses bauen:

<img ....../>
<p>Text, Text, Text</p>

Ich habe schon gelesen, dass diese Einstellungen nicht mehr möglich ab Contao Version 2.10 gibt. Gibt vielleicht die möglichkeit ein anderes Editor zu installieren z.B JCE(Joomla)?

Vielen Dank im voraus.

Victoria

[pmmueller]

Nicht dass ich wüsste.

Aber warum willst du ein Bild im TinyMCE einfügen? Das geht doch mit der Option "Bild einfügen" viel einfacher.

[elemivick]

Nicht dass ich wüsste.

Aber warum willst du ein Bild im TinyMCE einfügen? Das geht doch mit der Option "Bild einfügen" viel einfacher.

Hallo, danke für den Tipp. Habe ich auch umgesetzt. Nun ich habe es mir vorgestellt, dass ich die Freiheit haben kann meine <img> links ausrichten und gleich rechst Text schreiben. Wenn ich das <img> als Elementtyp Bild einfüge habe ich die Einstellung eine padding zu geben aber nicht eine Ausrichtung, ich muss es mein css anpassen. Oder gibt es schon die Einstellung unter Elementtyp Bild?

Sg
Victoria

[pmmueller]

Natürlich kannst du die Ausrichtung einstellen. Ganz unten rechts sind bei "Bildausrichtung" vier Optionen dazu (Text aus Ninas Contao-Handbuch):

• Oberhalb: Bild wird über dem Text platziert und es findet kein Textumfluss statt
• Linksbündig: Bild wird links platziert und rechts vom Text umflossen
• Rechtsbündig: Bild wird rechts platziert und links vom Text umflossen
• Unterhalb: Bild wird unter dem Text platziert und es findet kein Textumfluss statt

Du schreibst im TinyMCE deinen Text und bestimmst mit den Optionen darunter, wie sich das Bild verhalten soll. Viel einfacher geht's nicht...

Das Prinzip der Inhaltselemente, die den Inhalt der Seite in "Scheibchen" einteilen, ist aus meiner Sicht einer der Stärken von Contao, und das scheinst du noch nicht wirklich verinnerlicht zu haben. Der TinyMCE ist in der Regel wirklich nur für Text. Überschriften stehen in dem Feld darüber. Wenn du eine neue (Zwischen-)Überschrift brauchst, nimmst du ein neues Inhaltselement "Text".

Den "Elementtyp Bild" nimmst du, wenn in einer Zeile nur ein Bild dargestellt werden soll. Auf der Seite Texte und Bilder siehst du ganz oben unterhalb der Überschrift einen Absatz Text mit dem Bild linksbündig, darunter ein Inhaltselement "Text" nur mit Überschrift (Die Reise beginnt) und Text und darunter dann ein Inhaltselement "Bild".

Viel Spaß noch damit ;-)