TinyMCE4SF v02.00.02, TinyMCE 2.0.8 als wysiwyg für Sefrengo Einstellungen

[amk]

Name:
TinyMCE4SF 02.00.02

Status:
stable

Bechreibung:
Diese Erweiterung ersetzt den in Sefrengo verwendeten wysiwyg-Editor
"FCKeditor" vollständig durch den wysiwyg-Editor "TinyMCE" (Version 2.0.8)

Features:
- Analog zum FCKeditor
- Extrem schnelles laden durch GZip-Kompression
- XHTML-valider Output möglich
- Advanced-TinyMCE-Plugins werden genutzt inkl. neuem CSS- & XHTMLXtra-Plugin
- Deutsche, englische und französische UI-Sprachunterstütztung
- Vollständige Sefrengo-ResourceBrowser-Unterstützung
- Umfangreiche optionale Konfigurationsmöglichkeiten

Autor:
Alexander M. Korn (amk)

Lizenz:
GPL

Benötigte Sefrengo Version:
>= 01.03.00 (Sefrengo 1.3)
(Sollte auch mit Sefrengo 1.2 funktionieren)


Installation:
1.
Eine Sicherheitskopie der Datei "backend/inc/fnc.type_forms.php"
Ihrer Sefrengo-Installation anlegen. (Diese Datei der Sefrengo-
Orginalinstallation wird überschrieben).
2.
Innerhalb des ZIP-Verzeichnisses "backend/" befinden sich 3 Ordner:
"inc/"
"inc_SF_v01_03_00/"
"inc_SF_v01_03_01/"
Je nach dem welche Sefrengo-Version Sie nutzen, kopieren Sie die in
"inc_SF_v01_03_00/" oder "inc_SF_v01_03_01/" enthaltene Datei
"fnc.type_forms.php" in das "backend/inc/"-Verzeichnis Ihrer
Sefrengo-Installation.
3.
Danach kopieren Sie aus dem ZIP-Verzeichnis "backend/inc/"
die Datei "fnc.type_forms.tinymce.php" wiederum in das
"backend/inc/"-Verzeichnis Ihrer Sefrengo-Installation.
4.
Kopieren Sie dann aus dem ZIP-Verzeichnis "projekt01/cms/"
das Verzeichnis "tinymce/" in das "cms/"-Verzeichnis Ihres
Sefrengo-Projektes.

TinyMCE als wysiwyg-Editor für Sefrengo kann nun verwendet werden.

Deaktivierung der Erweiterung:
Wenn Sie TinyMCE als wysiwyg-Editor für Sefrengo nicht mehr nutzen
wollen, entfernen Sie einfach die Datei "fnc.type_forms.tinymce.php"
aus dem "backend/inc/"-Verzeichnis Ihrer Sefrengo-Installation. Danach
sollkte der FCKeditor wieder aktiviert sein.

Hinweise für erfahrene Benutzer:
Um die Erweiterung individuellen Bedürfnissen anzupassen, befindet sich
"projekt01/cms/tinymce" die Datei "tinymce4sf_config.php". Innerhalb
dieser Datei lassen sich u.a. bestimmte Funktionen und Plugins des TinyMCE
aktivieren. Die einzelnen Optionen sind zur Erklärung entsprechend
kommentiert. Fragen dazu beantworte ich gern im Sefrengo-Forum.

Unter "projekt01/cms/tinymce" befindet sich eine CSS-Datei namens
"tinymce4sf_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
"tinymce4sf_content_overwrite.css".

QUELLTEXT

Changelog legend:
# -> Bug Fix
+ -> Addition
^ -> Change
- -> Removed
! -> Note

02.00.02 - 16.11.2006
-----------------------------------------------------------------------------
+ config file option for Tiny's conversion of new lines to br's
+ config file option shows all buttons if "Alle Felder sichtbar"
  within SF-modul configuration isn't selected.

02.00.01 - 16.11.2006
-----------------------------------------------------------------------------
+ fnc.type_forms.php for Sefrengo v1.3.1

02.00.00 - 15.11.2006
-----------------------------------------------------------------------------
+ all possible wysiwyg/wysiwyg2 features are now available (e.g. preview,
  font, fontsize - identical to the FCKeditor implementation)
+ special config file for different functionalities / plugins / options of
  TinyMCE (e.g. the XHTMLXtra-plug, doc-type, gzip-compression etc.)
  see this file for more information - all options are commented.
+ XHTMLXtra-Plugin added
^ update to TinyMCE 2.0.8 and GZip Compressor 1.09 (1.08 via option still
  usable)
^ wysiwyg/wysiwyg2 feature handling changed and improved
^ files renamed
^ TinyMCE-UI-CSS changes & fixes for a better visual
  Sefrengo v1.3.1-UI-integration
! several rewrites, changes, improvements, fixes, feature additions

01.01.01 - 17.07.2006
-----------------------------------------------------------------------------
+ tinyMCE insert link > js-popup-feature > Sefrengo-resourcebrowser added
- 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

Angehängte Datei(en)

 TinyMCE4SF_v02_00_02.zip ( 397.41KB ) Anzahl der Downloads: 42

 

[Ute]

Auf den besonderen Wunsch eines einsamen Herrns...

Lieber Alexander, ich könnte Dich knutschen!

Dank Dir ganz herzlich

Ute

[amk]

ich danke auch herzlichst!

[feniweb]

@amk

@feini:

hast du schonmal probiert die gzip-kompression auf "old" zu setzen oder ganz zu deaktivieren ... wenn das nicht hilft ist's ggf ein php5 problem > irgendwelche fehlermeldungen? gibt's 'ne javascript-fehlermeldung?

Wollte mich noch bedanken für deine wertvollen tipps.

Auf dem entsprechenden Hosting läuft nun auch Tiny, musste tatsächlich gzip-kompression deaktivieren.
Und was man auch nicht vergessen darf den SF-Cach zu löschen.

Da wäre sicher eine verbesserung angebracht. Diesen Cach-Löschen immer auf der Seite im Auswahlmenü anzuklicken, ist mit der Zeit absollut löstig, könnte man den nicht neben die Navigation Platzieren so das er von allen Menüs aus zugänglich währe.


Gruss

[amk]

@amk
Wollte mich noch bedanken für deine wertvollen tipps.

bitte bitte - man tut was man kann ...

Und was man auch nicht vergessen darf den SF-Cach zu löschen.

kann man das in den SF-settings (system/projekt) nicht deaktivieren!? ich muss eigentlich in den seltensten fällen den sf-cache löschen ... bevor ich 'n projekt online übertrage lösche ich den cache, sonst nie.

[feniweb]

@amk

Meinst du diese einstellung.
 Zuschneiden_31.jpg ( 17.55KB ) Anzahl der Downloads: 26

[ali-gator]

Hi ich hab mal eine Frage zu TinyMCE

und zwar wenn ich ein Tabelle erstelle, dann bekomme ich die einfach nicht nach links ausgerichtet... Hab schon vieles Probiert (div-layer: text-align:left, tabelleneingenschaften usw). Sie richtet sich immer mittig aus...
Nur wenn man die Tabelle so groß zieht wie die Seite ist funktioniert das, aber die Lösung ist mir eigentlich zu umständlich...
Weiß jemand was?

bis dann
ali-gator

[amk]

normalerweise ganze tabelle markieren (drumherum) und dann button klicken - fertig. jedenfall geht's so bei mir.

kann es eventuell sein dass deine stylesheets für die seite sich mit den definitionen die du mittels tiny "verabreichst" beissen? jene stylessheets der seite werden nämlich in den tiny geladen und gelten auch für die edit-area des tiny.

[luxli]

Beim Versuch mittels "Format" und "Styles" das gewünschte HTML zu erzeugen sind mir unterschiedliche Ergebnisse durch IE, FF und Opera aufgefallen:

CSS-Beispiel:
p {font-size: 1em; line-height: 1.4em; margin: 0 8px 8px 0px;}
.bildtext {font-size: .8em; text-align: center;}

HTML-Ergebnis:
IE <p class="bildtext">Das ist der Text</p>
FF <p><span class="bildtext">Das ist der Text</span></p>
Opera <p>Das ist der Text</p>

Opera kann das natürlich wieder einmal nicht, aber warum macht es der FF nicht so wie der IE?

Zusatzfrage:
Gibt es eine Möglichkeit im "Format" zusätzlich zum Beispiel als Absatz2 <p class="bildtext"> zuzuweisen, dann könnte ich vermutlich mein Problem auch für den Opera lösen.

[amk]

HTML-Ergebnis:
IE <p class="bildtext">Das ist der Text</p>
FF <p><span class="bildtext">Das ist der Text</span></p>

Opera kann das natürlich wieder einmal nicht, aber warum macht es der FF nicht so wie der IE?

nun ich hab das mal geprüft ... bei mehrzeiligen absätzen scheint dieses phänomen im FF aufzutreten (bei einzeiligen nicht)

eventuell ist es ein side-effekt der source-code formatierung ich probier das mal aus ... ansonsten bin ich gegen tiny-bugs machtlos.

Opera - wie offiziell bekannt läuft Tiny nicht zu 100% mit V9+

Zusatzfrage:
Gibt es eine Möglichkeit im "Format" zusätzlich zum Beispiel als Absatz2 <p class="bildtext"> zuzuweisen, dann könnte ich vermutlich mein Problem auch für den Opera lösen.

also wenn ich mich nicht irre, kann man nur direkt tags definieren, nicht aber mit einer speziellen css-klasse also atributen ...

bspw:

QUELLTEXT

tinyMCE.init({
    ...
    theme_advanced_blockformats : "p,div,h1,h2,h3,h4,h5,h6,div,blockquote,dt,dd,code,samp"
});

[amk]

so mal ein update ... v02.01.00

unter anderem sollte nun (hoffentlich) die problematik bzgl. des neuen gzip-compressors in einigen IE-versionen behoben sein. habs aber nicht getestet - ihr seid am zug!

mir war so und ich habe auch mal einige neue files aus dem TinyMCE-CVS gezogen.

das

IE <p class="bildtext">Das ist der Text</p>
FF <p><span class="bildtext">Das ist der Text</span></p>

sollte damit z.b. behoben sein. insofern nenn ich die eingebaute TinyMCE-version mal 2.0.8+

das inlinepopup-plugin könnt ihr mal ausprobieren ... ist schneller als die normalen popup's allerdings in der TinyMCE-doku als fehlerbehaftet beschrieben.

alles weitere siehe changelog ... viel spass damit!

cheers, Alex