22. Januar 2008

WordPress Fehler im Editor TinyMCE bei Zeilenumbruch

Filed under: Wordpress — @ 16:45

Im Forum von WordPress wurde bereits mehrere male darüber geschrieben und auch ich selbst bin von dem Problem nicht nur betroffen sondern auch schockiert, dass ein Unternehmen oder eine Programmierencommunity wie die hinter Wp (WordPress) steckt so ein Misst implementiert. Da fragt man sich, ob die vorher nicht testen oder testen lassen. Eine Erleichterung ist das weiß Gott nicht. Wir, die jeden Tag damit schreiben und zu tun haben, müssen einen Kompromiss nach dem anderen eingehen, nur um uns die Arbeit etwas zu erleichtern und eben solche Fehler zu umgehen.

Schuld ist wohl angeblich der Editor, also das Programm, mit dem man wie mit Word schreibt und formatiert. Beim speichern werden einige Daten verschluckt oder gelöscht, so dass z.B. der Zeilenumbruch bzw. die Zeilenumbrüche (ich verwende davon sehr viele pro Beitrag) in den Texten fehlen.

Hier mal kurz zusammengefasst, um was es bei den Fehlern genau geht:

Auszug aus dem Forenbeitrag auf:

http://forum.wordpress-deutschland.org/allgemeines/26914-wordpress-editor-tiny-mce.html

–Zitatbeginn

  • Es fehlt mir die Auswahl der Schriftgrößte! (nein ich will nicht zwischen h1-h4 entscheiden)
  • Es fehlt mir die Auswahl der Schriftart!
  • Obwohl meine Seite Verdana formatiert ist zeigt mir der Editor nur Times New Roman in einer großen Schriftgröße an, das stört. (wohl 12-14)
  • Ebenfalls reagiert er nicht auf freie Zeilen, er löscht sie wieder
  • Außerdem was am wichtigsten ist, er erzeugt keine div, br oder p-Tags für neue Zeilen was extrem stört!

Was kann ich dagegen tun? Welcher Editor kann das bessser oder wie korrigiere ich den abgeblichen TinyMCE der intrigiert ist?”

Zitatende–

Ein weiterer Beitrag wurde unter

http://forum.wordpress-deutschland.org/konfiguration/26693-wysiwyg-editor-spinnt-4.html

zu dem Thema Zeilenumbruch im Editor von WordPress verfasst.

Zusammenfassung der Lösungsvorschläge des o.g. Problems?

  1. Im Wesentlichen wird ein anderer Editor namens FCKEditor angeboten, also wieder ein Kompromiss (ich nenne Kompromisse neuerdings “Krücken” – ich kann damit gehen und leben, wenn auch nicht komfortabel, aber ohne sie komme ich nicht voran und falle um. Schöner wäre es ohne Krücken laufen zu können!)
  2. Der Benutzer redcat63 stellt im Forum von WordPress unter dem Thread http://forum.wordpress-deutschland.org/konfiguration/26693-wysiwyg-editor-spinnt-4.html ein schnell programmiertes Plugin vor, welches das Problem ebenso lösen soll. ICh teste das gerade, mal sehen, was daraus wird.
  3. Darüber hinaus werden Lösungen durch Ändern der css in Wp vorgeschlagen. Dies ist wohl die m.E. größte Krücke. Nachzulesen unter dem obersten Posting auf http://forum.wordpress-deutschland.org/konfiguration/26693-wysiwyg-editor-spinnt-3.html

Schade, dass derartige Problem nicht sofort behoben werden, denn eigentlich brauche ich keinen editor, wenn der nicht das in html umsetzt, was ich geschrieben oder dargestellt habe. dann kann ich auch gleich html schreiben.

Habe Lösung 2 getestet.

Zunächst scheint es zu funktionieren. Zeilenumbrüche werden dargestellt und auch das p-tag wird verwendet. danke dafür

Layoutansicht weg

25.02.2008 – Mittlerweile muss ich feststellen, dass ich keine Layout Ansicht mehr zur Verfügung habe. Die p Tags werden zwar nun gesetzt, aber ich kann nur noch in der html ansicht schreiben. kann sein, dass das im rahmen des updates von wp 2.3.2 auf 2.3.3 passiert ist?

27.02.2008 – Nach etlichen MAils mit der Programmiererin, habe ich das Plugin von ihr erneut bekommen und installiert. Es läuft nun zumindest so, dass die Layoutansicht und die Buttons des Editors wieder zu sehen sind. Die eigentliche Funktion habe ich noch nicht geprüft, hoffe das das nun auch ncoh klappt. Also besser die Datei hier laden als den code aus irgendeinem Forum ziehen. Also mit der WP Version hat es zumindest nix zu tun.

Download Plugin wysiwyg editor fehler Plugin

Update 2.5 und Plugin

02.04.2008

So, habe noch mal getestet. Das Plugin von Elke Burmeister mit der Version 2.5 getestet. Es funktioniert auch dort ncoh. Zeilenumbrüche werden via p-tag erzeugt. zwar keine elegante lösung, aber sie funktioniert.

FCK Editor

Habe mal den FCK Editor in einem anderen Blog eingebaut und getestet. Der funktioniert recht gut. Zeilenumbrüche, p-tag, Überschriften usw. geht alles. Installation ist wie gewohnt easy über plugin. Das wäre eine wirklcihe alternative, aber eben wieder ein regelmäßig zu aktualisierendes Plugin.

Ähnliche Beitrãge

23 Kommentare

23 Kommentare »

  1. Moin,
    hast du es ausgiebig getestet? Funktioniert es einwandfrei?

    Gruß Hens

    Kommentar by Hens — 7. Februar 2008 @ 23:25

  2. Ja, bisher ok. Zeilenumbrüche werde so dargestellt, wie ich sie im editor vorgebe. Ich nutze also das unter Punkt 2. vorgestellte Plugin. Vielleicht programmiert ja irgendwann mal wer was 100%iges.

    Kommentar by Clever Clogs — 8. Februar 2008 @ 11:34

  3. Was ist denn daran in der Handhabung nicht hundertprozentig?

    Kommentar by Hens — 8. Februar 2008 @ 15:10

  4. Ne, einfach nur, dass es standartmäßig in wordpress mit drin ist bzw. gleich TinyMCE Editor korrekt umgewandelt wird. Momentan ist es ja so: Du kaufst ein Auto und musst nachher einen Mechaniker beauftragen und bezahlen, der dir das Lenkrad einbaut, so dass du da hinkommst wo du möchtest. Schon blöd oder? Das macht doch keiner. Also möchte ich auch ein wordpress mit editor der das macht, was ein editor normalerweise machen soll, das in html editieren, was ich als mensch schreibe. Also dahin lenken, wohin ich als fahrer steuere.

    Kommentar by Clever Clogs — 8. Februar 2008 @ 15:22

  5. Alles klar, vielen Dank! Ich benutze übrigens den Tiny MCE Advanced. Da hat man, wenn man ganz die Orientierung verliert wenigstens noch die HTML-Ansicht. Die hilft dann weiter. Das Problem, dass Div-Tags verschwinden, ist damit aber auch nicht gelöst…

    Gruß Hens

    Kommentar by Hens — 8. Februar 2008 @ 16:31

  6. Hallo,
    also ich war nun auch lange auf der suche… Das oben stehende .rar plugin bringt bei mir leider keine wirkliche veränderung. Vielleicht nur bei einer ganz bestimmten Version von wp ?!

    Kommentar by Stefan — 12. März 2008 @ 17:04

  7. Hast es aber schon ausgepackt und ordentlcih upgeloaded, sorry, aber das wäre die voraussetzung.

    Kommentar by Clever Clogs — 12. März 2008 @ 17:33

  8. Habe erst die Forumversion ausprobiert, keine Veränderung. Dann habe ich deine .rar Datei entpackt und installiert. Keine Veränderung. Ich vermute auch, dass es an unterschiedlichen Versionen liegt!? Habe im Test die Version 2.3.3 benutzt.

    Jetzt habe ich die Schnauze voll von diesem sch.. Tinymce-Editor und erhoffe auf Besserung in der neuen WordPress Version.

    Ich kann ja Dank Css mit solchen Problemen leben, aber was sage ich meinen Kunden? Sorry, Zeilenumbrüche gehen nicht?

    Wäre sehr froh wenn hier jemand einen anderen Lösungsansatz hätte :-)

    Gruß..

    Kommentar by Carsten — 30. März 2008 @ 14:06

  9. wie siehts mit wordpress 2.5 aus? also cih muss sagen, das oben beschriebene plugin funktioniert.

    Kommentar by Clever Clogs — 1. April 2008 @ 19:27

  10. Hallo Carsten,

    ich setze diese Kombi ein:

    redcat63 kleines plug-in (welches bei nicht in der Aktivierungsliste erscheint, aber das Zeilenschaltungsproblem löst, sobald es in /plugins kopiert ist.

    Real Wysiwyg (Windy Road)
    Tiny Style (Windy Road)
    WP Super Edit (Jesse Planck)

    Damit habe ich Umbrüche (beliebig viele, harte, weiche), Zugriff auf Styles und die Möglichkeit komfortabel den Editor zu konfigurieren. Klappt wunderbar.

    Getestet mit wp 2.3.1 und 2.3.3

    Bin für Rückmeldungen, was noch besser ist dankbar.

    Grüße
    Marietta

    Kommentar by Marietta — 2. April 2008 @ 09:43

  11. Ich trau mich nciht, den Beitrag unter wp 2.5 zu bearbeiten, da ich angst habe, die zeilenumbrüche sind wieder alle weg. daher nur kurz die referenz zum urheber des plugins. http://www.elke-burmester.de/index.php/2008/02/29/wyswyg-editor-zeilenumbrueche-werden-geloescht/

    muss sicher an die version 2.5 angepasst werden. werde in einem anderen blog mal testen.
    es ist schon eintrauerspiel.

    Kommentar by Clever Clogs — 2. April 2008 @ 18:50

  12. Hallo – ich habe das gleiche geschilderte Problem mit dem Editor von WP. Haber hier den gesamten Artikel gelesen, die kommentare auch und vor allem Mariettas Rat befolgt und alles genannte installiert. – Es hilft alles nix. Ich bekomme diese Umbrüche nicht und das ist auf die Dauer derartig nervig. – Ich bin erstaunt, dass ich diese installierten Teile (Tiny Style, Real Wysiwyg und WP Super Edit) zwar aktivieren kann. aber ich bekomme entweder keinen anderen oder erweiterten Editor angezeigt als den, über den hier so schön geflucht wird. Ausserdem kann ich WP Super Edit gar nicht in den Optionen anwählen. Trotz der Aktivierung erscheint das Teil einfach nicht. – Habe ich vielleicht irgendwas übersehen? – Grüsse auch. ;)

    Kommentar by bhlogiston — 17. April 2008 @ 11:26

  13. Hi bhlogiston,

    bei dir sind doch p und br Tags drin? ODer hast du die selber gesetzt? Also das Tool von Elke funktioniert bei mir tadellos, wenn gelich nur p-Tags gesetzt werden und der br-Tag (der Zeilenumbruch) durch

    so zusagen künstlich erzeugt wird. Wenn das alles nciht hilft, dann weiß ich leider auch nicht mehr weiter. Hast du den FCK mal getestet? Der ist nicht schlecht.

    Kommentar by Clever Clogs — 17. April 2008 @ 14:23

  14. Hab mir den TextileWrapper als Plugin unter WP 2.6 installiert. Aber den Code muss man selbst in die html-Ansicht des WP-Editors reinpfrimeln. Zumindest der Zeilenumbruch funktioniert damit.

    Kommentar by Thomas — 20. Juli 2008 @ 11:32

  15. Habe nach der Installation der Version 2.6 das Plugin von Elke http://www.elke-burmester.de/index.php/2008/02/29/wyswyg-editor-zeilenumbrueche-werden-geloescht/ wieder deaktiviert, da mir mein Text total zerhauen wurde. Sämtliche Tags wurden verändert und ncihts hat mehr gestimmt. Wir müssen wohl damit leben, das nach jedem Update etwas anderes uns erwartet.

    Kommentar by Clever Clogs — 22. Juli 2008 @ 18:13

  16. Hallo Clever Clogs,

    ich weiß nicht, ob die ersten 2 Probleme noch relevant sind, aber vielleicht ist es ja für Deine Besucher interessant:
    1. Obwohl meine Seite Verdana formatiert ist zeigt mir der Editor nur Times New Roman in einer großen Schriftgröße an, das stört. (wohl 12-14)

    Antwort:
    Wenn Du beispielsweise einen Text aus einem Wordtext kopierst, übernimmt der WYSWYG-Editor automatisch die Formatierung des Wordtextes.
    Du kannst es verhindern, indem Du diesen Text zunächst in einen anderen Texteditor (z.B. Notepad) kopierst und dann erneut markierst, kopierst und dann in den WYSWIG-Editor von WP einfügst.
    Oder Du nutzt die Funktion des WYSWYG-Editors und löschst die Formatierung von Word.

    2. Außerdem was am wichtigsten ist, er erzeugt keine div, br oder p-Tags für neue Zeilen was extrem stört!

    HTML-Befehle kannst Du nur in der Code-Ansicht eingeben, die dann im Regelfall auch ausgeführt werden sollten.
    Wenn Du den Befehl br> verwenden willst, dann muss der Befehl exakt so aussehen: br />
    Die alte Schreibweise br> ignoriert, d.h. löscht, er. Das ist auch o.k. so, da es sich um die alte Schreibweise handelt.
    Solltest Du in Deiner css-Datei den Abstand / die Abstände vom Befehl p> auf 0 (Null) gesetzt haben, dann kann es unabhängig davon, ob Du mein Plugin nutzt, nicht funktionieren. Deswegen: suche nach dem Befehl p und lösche oder ändere die Abstände z. B. auf 12px (padding-bottom).

    Noch zur Info:
    aus 2 br /> macht er (glaub ich) ein p> /p>
    Mehr als eine solche Zeile p> /p> lässt er nicht zu, sondern löscht die Überzähligen.
    Benötigst Du einen größeren Abstand, dann kannst Du per DIV-Befehl (inkl. Angabe der Größe) einen Abstand erreichen.
    Bspl.:
    div style=”height:100px;width:99%;”> /div>
    Du kannst es statt div auch mit p versuchen.

    Mit der Version 2.6 habe ich mein Plugin noch nicht ausprobiert. Bei der Version 2.5 konnte ich bislang darauf verzichten. Ich werde es in den nächsten Tagen mal ausprobieren und mich dann wieder melden.

    Noch ein paar Gedanken zum Schluss:
    Sicherlich ist es ärgerlich, wenn es nicht alles so funktioniert, wie man es sich vorstellt, aber mal Hand auf’ s Herz:
    Was wäre Dir denn der “Spaß” wert? 100,00€? 1000,00€ oder sogar 100.000,00€???
    Ehrlich gestanden, finde ich es schon toll, dass es ein solches Programm kostenlos zum Download gibt. Von den vielen kostenlosen Plugins und Templates mal ganz abgesehen, gibt es viele Leute, die wiederum kostenlos einem bei Problemen zur Seite stehen. Das Alles sollten wir nicht für selbstverständlich ansehen, sondern auch anerkennen. Oder?

    Herzliche Grüße
    Elke

    P.S.
    Da ich nicht weiß, ob er die o. g. Befehle direkt ausführt, habe ich die Kleiner-Zeichen < aus den Befehlen (Tags) entfernt.

    Kommentar by Elke — 29. Juli 2008 @ 00:34

  17. Vor längerer Zeit hier auf die Seite gestoßen, (genau so´n Ärger mit TinyMCE gehabt) komme ich nun wieder, um die m.E. viel versprechende Firefox Extension Xinha Here!vorzustellen. Dieses nun mit den Worten des Autors, der dat Dingen u.a. auch für WordPress nutzt:
    “Xinha Here! is a Firefox extension wrapper for the Xinha HTML editor. It enables WYSIWYG editing in any textarea and text box on any website. Xinha Here! opens a Xinha HTML editor in your browser allowing you to edit the data in a WYSIWYG on any website without copying and pasting to secondary HTML editor.
    Because the Xinha editor is installed on your local machine rather then a server it is both portable (use it on any website) and fast (files don’t need to be transferred over the net). This extension goes great with the SpellBound spell checker extension. I use it on eBay, my WordPress blog, leaving comments on other blogs and forums, anywhere where HTML is accepted.”

    Vielleicht eine bisher zu wenig beachtete Extension? Was meint ihr?

    Kommentar by bassoprofondo — 30. Dezember 2008 @ 13:22

  18. Hier der Link, hab´s leider nciht getestet, da ich mit dem FCK gut zurecht komme. Mehr dazu unter http://www.clever-clogs.de/blog/2008/12/16/wordpress-fck-editor-die-bessere-alternative/

    Hier die Firefox Add ons Xinha Here!:

    https://addons.mozilla.org/de/firefox/addon/1449

    Kommentar by Clever Clogs — 30. Dezember 2008 @ 17:11

  19. Naja, manchmal könnte das passieren.WP darf auch mal Fehler machen…Danke für die Infos, sehr interessante Seite.Weiter so!

    Kommentar by Judith — 26. Juni 2009 @ 12:52

  20. Der ist in den neuen versionen aber nicht mehr drin, oder ?

    Kommentar by daniel — 2. Dezember 2009 @ 16:51

  21. Keine Ahnung, hab´s aufgegeben. Ich arbeite nur noch mit dem FCK Editor.

    Kommentar by Clever Clogs — 9. Dezember 2009 @ 14:00

  22. Danke für den Tipp mit dem FCK Editor!
    Ist wirklich sehr gut.

    Kommentar by Lukas — 22. März 2010 @ 17:19

  23. Hatte bei mir das gleiche Problem und konnte es mit einem Plugin einige Monate lang lösen, welches den TinyMCE Editor ziemlich mit Funktionen udn neuen Knöpfen aufgebohrt hatte (komm gerade nicht uf den Namen)  leider ging es dan einige Monate später wieder nicht mehr …
    Mit dem von dir angesprochenem FCK Editor klappt allerdings alles wunderbar :) – Danke für den Tipp!

    Kommentar by Maik — 30. März 2010 @ 21:18

RSS Feed für Kommentare zu diesem Artikel. TrackBack URI

Hinterlasse einen Kommentar