Blogs mit WYSIWYG – Anpassung

Wenn alle Schritte der vorherigen Beschreibung "Blog B2evolution mit WYSIWYG-Editor FCKeditor" erledigt sind, hat man es fast geschafft. Grundsätzlich funktioniert jetzt der WYSIWYG-Editor, es müssen lediglich der Filemanager für die Verwaltung der Bilder aktiviert werden, sowie einige Einstellungen gändert werden, welche aber rein optischer Natur sind.

Deaktivieren der alten Navigationsleiste

* admin/_edit_form.php (b2evolution)
SUCHE:

$Toolbars->display();

ERSETZE:

/ / $Toolbars->display();

Damit wird die alte Navigationsleiste einfach ausgeblendet. Wird diese später, aus welchem Grund auch immer wieder benötigt, so löscht man einfach die zwei Slash´s. Hier können leicht noch andere unnötige Buttons ausgeblendet werden, wie z.B: den Spellchecker (Wörterbuch), da nur für englisch vorhanden, oder den Upload-Button, da der Filemanager vom FCKeditor wesenlich besser und komfortabler ist. Es ist klug diese Bereich nur auszukommandieren und nicht zu löschen, falls man diese irgendwann wieder mal einsetzen will.

Einfügen von neuen sinnvollen Buttons

Das Blogprogramm bietet viele nützliche Funktionen, wie einen Teaser, oder die Möglichkeit einen Artikel über mehrere Seiten aufzuteilen. Diese Funktion ist leider beim FCKeditor nicht vorhanden, sodass wir diese Funktionen einfach noch hinzufügen.

* admin/_edit_form.php (b2evolution)
SUCHE:

<script type="text/javascript" src="/fckeditor/fckeditor.js"></script>

ADD AFTER:

<script type="text/javascript">

function FCKeditor_OnComplete( editorInstance )
{
    document.getElementById(‘eButtons’).style.visibility = ” ;
}

function InsertMORE()
{
    var oEditor = FCKeditorAPI.GetInstance(‘content’) ;

    if ( oEditor.EditMode == FCK_EDITMODE_WYSIWYG )
    {
        oEditor.InsertHtml( ‘<!-more–>’ ) ;
    }
    else
        alert( ‘You must be on WYSIWYG mode!’ ) ;
}

function InsertNEXTPAGE()
{
    var oEditor = FCKeditorAPI.GetInstance(‘content’) ;

    if ( oEditor.EditMode == FCK_EDITMODE_WYSIWYG )
    {
        oEditor.InsertHtml( ‘<!-nextpage–>’ ) ;
    }
    else
        alert( ‘You must be on WYSIWYG mode!’ ) ;
}

function InsertNOTEASER()
{
    var oEditor = FCKeditorAPI.GetInstance(‘content’) ;

    if ( oEditor.EditMode == FCK_EDITMODE_WYSIWYG )
    {
        oEditor.InsertHtml( ‘<!-noteaser–>’ ) ;
    }
    else
        alert( ‘You must be on WYSIWYG mode!’ ) ;
}
</script>

SUCHE:

    <?php
    if($use_preview && ($action != ‘editcomment’) )
    { / / ——————————- PREVIEW ———————————- ?>

ADD BEFORE:

<input type="button" value="Lese weiter" onclick="InsertMORE();" />
<input type="button" value="No Teaser" onclick="InsertNOTEASER();" />
<input type="button" value="Nächste Seite" onclick="InsertNEXTPAGE();" />

Nun hat man auch im WYSIWYG-Editor jederzeit die Möglichkeit, einen Artikel über mehrere Seiten, oder mit Teaser (Einleitung) zu schreiben.

Sag deine Meinung!