GT Logo zurück zu good-tutorials.de
Tutorial eintragen | Registrieren | Login
Tutorial: FCKEditor Breite und Höhe anpassen

Kommentare anzeigen | Tutorial anzeigen | Melde Dich an um das Tutorials zu deinen Favoriten hinzu zu fügen.

FCKEditor Breite und Höhe anpassen

Nach erfolfreichem Einbinden des FCK Editors gibt es meistens das Problem, dass das Fenster entweder zu grossen oder klein ist.

Hier schafft ein kleiner Trick Abhilfe:

Sofern Ihr den FCKEditor per Javascript eingebunden habt solltet ihr folgende Zeilen im Quelltext in etwa ergänzt haben:

 

<script type="text/javascript" src="{$basePath}/fckeditor/fckeditor.js"></script>
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'categoryText' );
oFCKeditor.BasePath = "{$basePath}/fckeditor/";
oFCKeditor.ReplaceTextarea();
</script>

Hier ist schon das Versteck der Größenangaben.

Macht euch die Datei fckeditor.js im Ordner des FCKEditors auf.

 

Hier findet Ihr den entscheidenden Absatz am Anfang:

// FCKeditor Class
var FCKeditor = function( instanceName, width, height, toolbarSet, value )
{
    // Properties
    this.InstanceName    = instanceName ;
    this.Width            = width            || '100%' ;
    this.Height            = height        || '500' ;
    this.ToolbarSet        = toolbarSet    || 'Default' ;
    this.Value            = value            || '' ;
    this.BasePath        = FCKeditor.BasePath ;
    this.CheckBrowser    = true ;
    this.DisplayErrors    = true ;

    this.Config            = new Object() ;

    // Events
    this.OnError        = null ;    // function( source, errorNumber, errorDescription )
}

Einfach die entsprechnden Einträge height und width ändern. Fertig!

Kleiner Tipp von mir:

Schaut Euch mal " this.ToolbarSet = toolbarSet || 'Default' ; an - dort kann man die Toolbar, welche FCKEditor anzeigt ändern. Sollte man nicht alle Funktionen benötigen kann die Anpassung zu einem sehr rapiden Geschwindigkeitszuwachs beim Nutzer führen.
Mehr dazu in Kürze.