Name:
-----------------------------------------------------------------------------
tinyMCE4SF 01.01.01
Status:
-----------------------------------------------------------------------------
stable
Bechreibung:
-----------------------------------------------------------------------------
Diese Erweiterung ersetzt den in Sefrengo verwendeten wysiwyg-Editor
FCKeditor mit tinyMCE 2.0.6.1
Features:
-----------------------------------------------------------------------------
- Nahezu alle in Sefrengo auswählbaren wysiwyg2-Features
(in der Modulkonfiguration) werden unterstützt
- XHTML-freundliche Code-Generierung.
- Advanced-TinyMCE-Plugins werden genutzt inkl. neues Styles-Plugin
- Deutsche, englische und französische UI-Sprachunterstütztung
- Sefrengo Resource-Browser wird für die Datei-Link-Auswahl genutzt
Autor(en):
-----------------------------------------------------------------------------
Alexander M. Korn (amk) & Co.
Lizenz:
-----------------------------------------------------------------------------
GPL
Benötigte Sefrengo Version:
-----------------------------------------------------------------------------
>= 01.03.00 (Sefrengo 1.3)
(Sollte auch mit Sefrengo 1.2 funktionieren - nur kurz getestet)
Installation:
-----------------------------------------------------------------------------
1. Eine Sicherheitskopie der Datei "/backend/inc/fnc.type_forms.php"
anlegen (diese Datei der Sefrengo-Orginalinstallation
wird überschrieben).
2. Die Verzeichniss-Struktur in der Zip-Datei ist entsprechend einer
Sefrengo-Neuinstallation gehalten.
Dementsprechend sollte man schlussfolgern können wo was hingehört.
Also die verzeichnisse "backend" & "projekt01" der Zip-Datei
ins Sefrengo-Verzeichnis kopieren, ggf. vorhandene Dateien
überschreiben.
3. Dannach ist tinyMCE als wysiwyg-Editor für Sefrengo verfügbar.
Wer tinyMCE im vom DeDi-Hack bekannten ENTER=<br/>-Modus nutzen möchte,
muss das in der Zip-Datei enthaltene Verzeichnis "backend_br-mode"
in "backend" umbenennen und wie oben beschrieben ins Sefrengo-
Verzeichnis kopieren, ggf. vorhandene Dateien überschreiben.
Hinweise:
-----------------------------------------------------------------------------
Die wysiwyg2-Features Schriftauswahl, -größe und Vorschau werden nicht
unterstützt.
Bei Wahl der wysiwyg2-Features Schriftauswahl oder -größe wird
eine Selectbox zur Formatauswahl aktiviert (Absatz, Überschrift etc.)
Unter "projekt01/cms/tinymce" befindet sich eine CSS-Datei namens
"content_overwrite.css".
Diese CSS-Datei läd tinyMCE nachdem er alle eventuell definierten Styles
einer Sefrengo-Seite geladen hat. Wie der Name der Datei schon sagt,
kann man damit die Styles der Seite innerhalb tinyMCE überschreiben.
Bsp.: Im CSS einer Website wurde als Body-Schriftfarbe ein Pastellton
gewählt und als Body-Hintergrund ein Muster definiert. Zu leichteren
Editierung der Textinhalte innerhalb des Editors notiert man dann
kontrastreichere Schriftfarben und einen Body ohne Hintergrundgrafik
{background-color:white;background-image:none;} in der
"content_overwrite.css".
Changelog:
-----------------------------------------------------------------------------
# -> Bug Fix
+ -> Addition
^ -> Change
- -> Removed
! -> Note
01.01.01 - 17.07.2006
-----------------------------------------------------------------------------
+ tinyMCE insert link > js-popup-feature > Sefrengo-resourcebrowser works now
- 2 unused plug dirs within the tinyMCE package
01.01.00 - 12.07.2006
-----------------------------------------------------------------------------
^ optimisation for multiple wysiwyg's
01.00.00 Beta - 24.06.2006
-----------------------------------------------------------------------------
! first release
Hallo Alex,
das mit dem Link-Popup funktioniert leider nicht im IE - bei mir zumindest.
Quelltext im Browser sieht folgendermaßen aus:
Hallo Alexander,
nun ... dieses popup feature von tinyMCE hat prinzipielll überhaupt nichts mit Sefrengo zu tun. auch ist dieses tinyMCE-feature noch nicht ausgereift und fehlerfrei, wie ich festellen musste ... man müsste das link-plugin reichlich umschreiben damit es auf die funktionen von standard.js zurückgreift usw.
das mit dem & # 3 9 ;" klappt bei mir (IE6) ... ich könnte das mit der generierung dieser codes ändern, allerdings führt das wieder zu anderen probleme bzgl. validität des gesamten html-codes, welchen der tinyMCE erzeugt.
ich weiss dieses popup-feature wäre eine nette sache. ich würde ein popup allerdings nicht im wysiwyg realisieren, sondern über ein element {image:x} o.ä. im template des entsprechenden sefrengo-moduls.
ich schau mal ins tinyMCE forum was da so bzgl. problemen und fehlern mit dem link-popup erzählt wird ... und bleib am ball
grüße, Alex
Was ist denn backend_br_mode?
Sorry noch mal nachglesen ., hat sich erledigt.
wenn ich den hack installiere kommt weder tinymce noch der fck beim wysiwyg2.
Muss man noch irgendein Zauberwort sprechen, damit der aktiviert wird?
vor der installation funktionierte der fck als wysiwyg2 noch.
arbeite unter windoof mit FF 1.5
installiert hab ich ganz normal nach anleitung.
backendfile wurde überschrieben, tinymce file is da und...:
die datei ./sefrengo/projekt01/cms/tinymce/plugins/contextmenu/langs/de.js fehlt aber auch. der gesamte ordner fehlt.
also mit dem IE funst es genausowenig
Ich hab das bei mir über die alte Version drübergepappt. Also muss das wohl im Packet der alten Version drin sein. Versuchs doch mal nachzurüsten:
http://forum.sefrengo.org/index.php?showtopic=152&pid=799&st=0
mit der alten version kommt das selbe ergebnis.
ich glaub auch nicht, dass es daran liegt, weil die dateien in der version auf der tinymce seite auch fehlen.
mit dem fck editor ist aber alles in ordnung. leider bekomm ich bei dem nur den hintergrund nicht schwarz.
und weiß auf weißem grund kommt zum editieren nicht so gut.
@Traenenblut:
Ich kenn das Problem mit dem Hintergrund und hatte das auch noch nicht so richtig hinbekommen. Reicht es vielleicht in den CMS-Tag eine Klasse einzubauen?
Generell wäre es ein super Feature, wenn man irgendwie konfigurieren kann, dass wysiwyg (und später vielleicht auch mal andere Elemente) beim Editieren so angezeigt werden können (durch einbindung von CSS), dass man schon die Breite und die Styles sieht, die man an der eingesetzten Stelle in der Seite auch vorliegen hat.
sefrengo/projekt01/cms/tinymce/plugins/contextmenu/langs/de.js
wie schon richtig erkannt gibt es unter "contextmenu" kein verzeichnis "lang" hat es auch nie gegeben. der tinyMCE-gzip-compressor (tiny_mce_gzip.php), will die datei aber haben. schon sehr merkwürdig - sowas ist noch nie vorgekommen.
welche PHP-version läuft auf deinem server?
ansonsten versuche mal folgendes:
suche dir die datei fnc.type_forms.tinymce.php unter backend/inc und darin die zeile 418
die sollte so aussehen:
jep ... das ist eine globale geschichte. siehe "Hinweise" oben.
ansonsten läd tinyMCE alle in Sefrengo im seiten-template eingebundenen styles und übernimmt bspw. auch body{}-definitionen für den tinyMCE content.
ich finde dass das ausreichend ist bzgl. style-möglichkeiten.
ich hab das problem, dass ich die sefrengo-bildliste beim einfügen eines bildes im FF nicht angezeigt bekomme. im ie funktionierts.
Fehlermeldung im FF:
init is not defined
tiny_mce_popup.js Zeile: 99
dort steht dann folgendes:
Browser: FF 1.5.0.6
OS: WinXP
frische sefrengo-installation (2 Sprachen)
sonst noch was wissenswertes?
also an alle :
tobaco's problem beruhte auf einer Firefox-Erweiterung ... also bei problemen erstmal add-blocker-extensions deaktivieren und schauen ob's daran liegt. die dinger blocken manchmal nicht nur add's
Hallo Alexander,
dann noch mal in diesem Thread, sorry ich hatte übersehen, dass es schon eine neue Tiny-Version gibt. Also noch mal zu meiner Frage in dem anderen Thread. Also es geht darum, dass ich demnächst eine Seite stricken soll, die von HTML-Unbeleckten gefüllt werden soll, die aber möglichst behindertenfreundlich gestaltet sein soll. Dazu gehört natürlich auch, dass Abkürzungen oder Änderungen in der Sprache deutlich gemacht werden sollen, so dass diese Seiten auch für Menschen mit Lernbehinderung oder Seh-/Hörbehinderte bedienbar sind. Deshalb meine Nachfrage zu TinyMCE. Ich finde ihn als Editor ganz gelungen für HTML-Unerfahrene, nur müßte er auch die Möglichkeit bieten, Abkürzungen (abbr), Akronyme (acronym) und Sprachwechsel einzufügen.
Nun zu deiner Antwort: Ich habe den Tiny mit XHTML-Extras in Dedi ausprobiert, da habe ich erst mal keine Probleme gesehen, bzw. sind sie mir nicht aufgefallen. Wäre es sehr kompliziert, das Feature einzubinden?
Danke Dir schon mal für Deine Mühe!
Ute
probleme entstehen u.u. auf dem IE oder FF ... abgesehen davon sind die zusätzlichen buttons auch aktiv wenn sie inaktiv erscheinen ...
nö ist nicht kompliziert ... hab leider aktuell keine zeit dir näher zu helfen. vielleicht schaffst du's wenn du einfach mal die fnc.type_forms.tinymce.php von dedi und die hier vergleichst ... zusätzlich natürlich das xhtmlxtra-plugin in den tinymce-ordner packst ... cheers, Alex
Dank Dir, Alexander, für Deine Antwort, dann werde ich mal suchen in den Dateien.
Viele Grüße
Ute
Liebe Leute, lieber Alexander
ich habe jetzt die fnc.type_forms.tinymce.php so angepasst, dass sie Schaltflächen für Akronyme und Abkürzungen anzeigt. Ich habe die Funktionalität jetzt nur im Firefox 1.5 geprüft, da bei mir mit dem IE auch schon mit der anderen TinyMCE-Version gar nichts angezeigt wurde. Den einzigen Bug (im Firefox), den ich bei den zugegebenermaßen nur kurzem Test feststellen konnte, ist, dass solange kein Text markiert ist, die Button als hellgrau und damit nicht anwählbar erscheinen, markiert man Text, werden sie anwählbar.
Gleichzeitig habe ich auch noch den ersten Button in der zweiten Button-Zeile, über die vollständige Formatierungen möglich waren (styleprops), gegen ein CSS-Stile-Wahlfeld (styleselect) ausgetauscht. Warum?
Nun wie ich oben beschrieben habe, möchte ich eine Seite entwickeln für Leute, die relativ wenig Ahnung von HTML und CSS haben. Der Styleprops-Button verlangt - meiner Meinung nach - zur vernünftigen Benutzung doch einige CSS-Kenntnisse. Hingegen ist es mit dem CSS-Wahlfeld möglich, dem Redakteur einige Stile an die Hand zu geben, die er dann nur noch anwenden muss.
Falls jemand Interesse an der geänderten fnc.type_forms.tinymce.php hat, kann ich sie ja noch posten.
Liebe Grüße
Ute
Hallo Alexander,
beim IE erhalte ich, nachdem ich auf den Seite bearbeiten-Button geklickt habe, ausser der oberen Kopfzeile bis auf den Kopfbalken "Redaktion - Seite bearbeiten" ein leeres Fenster. Das ist so, seitdem ich den Tiny MCE installiert habe.
Keine Ahnung, was dies verursacht. Habe ich irgendwas falsch installiert? Obwohl mich stört es jetzt nicht so, da ich den Redakteuren sowieso den Firefox ans Herz legen werde.
Liebe Grüße
Ute
Hallo Alexander,
nein, ich habe noch nichts online, da ich Sefrengo gerade noch lokal austeste, um zu entscheiden ob ich nun "Den Dirigenten" nehme oder "Sefrengo". Sobald ich etwas mit Sefrengo online habe, melde ich mich bei Dir. Dank Dir aber schon mal für Deine Mühe und die Arbeit, die Du Dir jetzt schon mit Tiny MCE gemacht hast...
Liebe Grüße
Ute
hallo ute
ich würde mich für die «fnc.type_forms.tinymce.php» interessieren, damit ich bei gelegenheit das ganze auch mal testen könnte. akronyme, abkürzungen und sprachwechsel sind mir für mein neues projekt auch wichtig.
gruss maccaroni
Hallo maccaroni,
anbei die geänderte fnc.type_forms.tinymce.php. Sieh mal, ob Du sie einbauen kannst.
Viele Grüße
Ute
fnc.type_forms.tinymce.php ( 22.64KB )
: 10
hallo ute
vorab schonmal ein dankeschön. ich weiss allerding noch nicht, wann ich zum testen zeit finde :-)
gruss maccaroni
Wie überzeugt man den den Editor z.B. abbr nicht aus dem Quelltext zu werfen?
pawel, Ute - versuchts mal damit ...
http://tinymce.moxiecode.com/tinymce/docs/option_valid_elements.html
... halt in der fnc.type_forms.tinymce.php - im tinymce-js-init-code
valid_elements : "abbr[class|dir<ltr?rtl|id|lang|onclick|ondblclick|onkeydown|onkeypress"
+"|onkeyup|onmousedown|onmousemove|onmouseout|onmouseover|onmouseup|style"
+"|title]"
usw. einfügen ... das ganze xhtml-rule-set (wie in der doku oben).
gruss, Alex
Hallo Alex,
danke Dir erst einmal für Deine Recherche und Deine Antwort. Ich habe versucht, nach der Dok den xhmtl-rule-set einzufügen, aber dies führt bei mir dazu, dass gar keine Buttons mehr angezeigt werden und der Code im Fenster nur als HTML-Code angezeigt wird.
Zum besseren Verständnis, also ich habe das gesamt xhmtl-rule-set so eingefügt:
ändere mal
+"|title]"';
in
+"|title]",';
Klappt .
Lieber Alex,
ein ganz herzliches Dankeschön an Dich. Man (ich) sollte meine Augen und meinen Kopf benutzen, der Fehler hätte mir auffallen müssen! Aber manchmal sieht man den Wald vor lauter ....
Also auch bei mir klappt es jetzt! Einfach super!
Liebe Grüße
Ute
Hallo zusammen,
habe soeben eine SF neuinstallation durchgeführt. Danach den tinyMCE nachinstalliert.
Möchte den br-mode den ich vom dirigent her kenne nutzen.
Habe festgestellt das beim erneuten bearbeiten der Seite immer ein weiteres <br /> hinzugefügt wird
Bin ich der einzige mit diesem Problem oder hab ich die suche noch zu wenig ausgereizt ?
fehler is bei FF + IE
tinymce funtioniert unter safari auch nur sehr eingeschränkt.
generell ist das mit fast allen wysiwyg editoren ein kreuz. kaum einer hat nicht irgendwelche einschränkungen unter einem bestimmten browser oder plattform
Unterstützt von Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)