Thema: Editor

was genau ist dein problem?

also ich benutze "TinyMCE-EXP" und er ist hervorragend.
eine auswahl findest du hier! .
bei tinymce können auch wordtexte eingefügt werden, was ich aber noch nicht getestet habe.

Hallo,

die Wunschvorstellung mit den senkrechten Linien dürfte meines Erachtens auch in MS Word Schwierigkeiten bereiten.
Das Kopieren von MS Frontpage bzw. MS Word Texten sollte aber auch immer die allerletzte Variante sein! MS = Microsoft = Windows. Habt ihr solche aus Word kopierten Seiten mal mit einem Mac oder unter Linux betrachtet? Wenn ich mich recht entsinne produziert MS Word ziemlich viel "Mist" im Quellcode.

Habt ihr schonmal über den Einsatz von CSS nachgedacht?

Fügt doch in eure template_css.css (bzw. die im Editor festgelegte CSS-Datei) mal folgendes ganz oben ein:

.fett_farbig {
font-weight:bold;
font-color:#000080;
}
.fett_achtung {
font-weight:bold;
font-color:#ff0000;
}

Jetzt einen Text schreiben, ein Wort markieren, auf Drop-Down-Menü "Styles" gehen und fett_farbig oder fett_achtung wählen - voila, der Text wird blau oder rot. Ändert sich irgendwann einmal die "Grundfarbe" eurer Seite - z.B. von hauptsächlich blau in hauptsächlich grün - dann ändert ihr einfach in der css die font-color in fett_farbig von #000080; ( =blau ) in #00FF00; ( = grün ) - schon sind alle farbig hervorgehobenen Textstellen auf der gesamten seite grün statt blau... mit eurer Word-Kopiererei müsstet ihr JEDEN Artikel per Hand editieren und die Farben ändern - auch wieder per copy&paste aus Word... aufwendig, oder?

@flip speziell:

Die Editoren bieten doch das Einfügen einer <hr> (horizontale Linie) an... entweder steht hr oder <hr> oder - auf dem Button. Das Aussehen der hr kannst du wieder in der template_css.css festlegen (evtl. wird es dort schon definiert, also erstmal suchen)

CSS:
hr {
border:dashed;
color:#333333;
height:2px;
width:95%;
text-align:center;
}
Das müsste eine 95% der Breite nutzenden, dunkelgraue, gestrichelte Linie von 2 pixeln Höhe zentriert ergeben - ACHTUNG - vor hr kommt kein Punkt wie im obigen Beispiel! Statt dashed (gestrichelt) könntest du auch solid (durchgezogen) wählen - es gibt auch 3D-Linien und vieles mehr.

Die senkrechten Linien ließen sich auch per css regeln - allerdings müsste man hier in den HTML-Modus wechseln ... aber wie gesagt: Auch in MS Word wüsste ich jetzt nicht auf Anhieb, wie das problemlos funktionieren sollte!

in der template_css.css:
#senkrechte_linien {
border-right-width:1px;
border-right-style:dashed;
border-left-width:1px;
border-left-style:dashed;
}

Jetzt eine Tabelle mit 2 Spalten anlegen:
<table><tr>
<td>Bild</td>
<td id="senkrechte_linien">Adresse</td>
</tr>
</table>

Statt table kannst du natürlich auch div's nehmen. Auch hier ist dashed nur als Beispiel zu verstehen - css bietet eine Vielzahl von Formatierungen für Rahmen an.

Überschriften kannst du doch im Editor mit "Überschrfit 1 - 6" formatieren (h1-h6)
Wieder in die template_css.css Datei und einfügen:
h2 {
font-weight:bold;
font-size:14px;
font-color:#00ff00;
}
h3 {
font-weight:bold;
font-size:12px;
font-color:#000080;
text-decoration:underlined;
}


Dein ganzes Vorhaben wäre also:
1. horizontale Linie (hr) einfügen per Editor
2. "Vorstand" - Text mit Überschrift 2 formatieren (h2)
3. horizontale Linie (hr) einfügen per Editor
4. obige Tabelle einfügen (im HTML-Modus)
5. horizontale Linie (hr) einfügen per Editor
6. "1.Vorstand Schatzmeister"-Text mit Überschrift 3 formatieren (h3)
7. Text mit den Jahreszahlen schreiben
8. "2. Vorstand"-Text mit Überschrift 3 formatieren (h3)
9. usw usw

Wäre da nicht die Sache mit den senkrechten Linien, könnte man alles ohne HTML-Modus im WYSIWYG-Editor erledigen.

Und vergesst die Sache mit Word und Frontpage ganz schnell wieder - das mag für Windows-Benutzer funktionieren... andere sehen dann am Ende nur Müll.

mfg

daniel

edit: Ups, ganz vergessen: solche mit "TAB" eingerückten Listen kann man doch bequem per html-Liste <ol> bzw. <ul> realisieren - auch hierfür gibt es im Editor Buttons (zumindest im TinyMCE Exp 1.25 beta 4) - einmal mit 1.2.3. davor (geordnete Liste) und einmal ohne Zahlen (ungeordnete Liste).

Hallo Killa,

mh, kenne den TM nicht, grundsätzlich gibt es aber 2 Arten von Zeilenumbrüchen:

Absatz- und Zeilenumbruch.

Beispiel:

<p>Das ist ein Absatz, beginnt mit dem p-Tag<br>
und die Zeilen werden durch die br-Tags immer<br>
wieder unterbrochen. Irgendwann ist dann der<br>
Absatz zuende, dann wird der p-Tag geschlossen</p>

Bei manchen Editoren kann man einstellen, ob beim drücken der Enter-Taste ein Zeilenumbruch (br) oder ein Absatzumbruch (p) eingefügt werden soll.
Ich kenne es (z.B. auch aus MS Word), dass mit

Shift+Enter ein Zeilenumbruch (br) und mit
Enter ein Absatzumbruch (p) erstellt wird.

Was kann man denn unter "macht den immer unterschiedlich" verstehen? Gibt es dazu eine Seite, wo man sich diese Unterschiede ansehen kann?
Ich würde mal die template_css.css durchsuchen, ob da irgendwo der p-Tag oder der br-Tag definiert werden (z.B. mit height:15px oder sowas)
Oder TM macht aus 1xEnter ein <br> und aus 2xEnter ein <p>...

Dafür machst du vielleicht besser ein neues Thema auf - "Unterschiedliche Absätze durch TMedit" oder so... ich nutze den nicht, kenne daher das Problem nicht, vielleicht isses ja was bekanntes.

grüße

daniel

Hallo flip,

der TinyMCE ist bei Mambo 4.5.2.x auf alle Fälle mit dabei. Unter "Mambots" "NO WYSIWYG" unpublishen und "TinyMCE" publishen - falls das nicht Standard ist.

Dieser Editor ist jedoch relativ "beschränkt" - er bietet wenige Funktionen.
Wenn du mit einem Editor arbeiten möchtest, dann rate ich dir gleich zu einem komplexeren Editor - z.B. den TinyMCE Exp 1.25 beta 4 (exp=expanded=erweitert) oder vielleicht sogar eher dessen Nachfolger, den Mambot mosCE RC1 zusammen mit der Komponente mosCE RC2 - habe ihn noch nicht selbst getestet, aber man soll damit sogar Tabellenzellenhintergründe färben können - evtl. könnte man dann sogar den Style ohne HTML-Modus zuordnen... mh... statt #senkrechte_linien müsstest du dann .senkrechte_linien schreiben, aber vielleicht kann der Editor auch mit Bordwerkzeugen schon alles, was du möchtest.

Diese erweiterten Editoren bieten dir dann auch Thumbnail-Funktion (Bilder werden auf festgelegte Größe einheitlich verkleinert - bei Click gibts die Bilder im PopUp in groß), intelligente interne Verlinkung (auf eigene Artikel / Static Content via Drop-Down Menü), Bilderupload aus dem Frontend direkt im Editor, Fileupload genause... also auf alle Fälle ein nettes Spielzeug!!!

mfg

daniel