CKEditor in das WBB integrieren

  • Ich möchte gerne den CKEditor in das WBBLite 1.0.2pl3 integrieren.
    Grundsätzlich funktioniert das auch super denn ich habe den BBCode Mod eingebaut.

    Probleme macht mir jedoch die Smilie funktion da selbige wie folgt funktioniert:

    config.js

    plugins/bbcode/plugin.js

    Code
    var smileyMap = { biggrin: ':D' , redface: ':O', confused: '?(', cool: '8)', crying: ';(', eek: '8o', pleased: ':]', frown: ':(', happy: ':))', mad: 'X(', smile: ':)', tongue: ':P', wink: ';)', rolleyes: ':rolleyes:', baby: ':baby:', evil: ':evil:', tongue2: ':tongue:' },

    Man beachte

    Code
    confused: '?('


    Wenn ich dieses ? drin habe dann erhalte ich keinen editor sondern die seite bleibt halt ohne editor.
    Wie kann ich das Escapen?

    Und vorallem ich würde es gerne vermeiden das die User sich das selbst konfigurieren müssen und den Editor irgendwie so anpassen das automatisch vom WBB die Smilies eingefügt werden und am besten auch noch die vom aktuellen Template.

    Da liegt auch genau mein Problem, i dont speak javascript.

    Dummerweise muss diese Funktion jedoch komplett neu geschrieben werden oder umgeschrieben.
    Denn ich habe die Smilies in der DB des WBB eben anders vorliegen.

    {imagefolder}/smilies/biggrin.gif (Pfad)
    Großes Grinsen (title)
    : D (code)
    0 (Ordnungsnummer)

    imagefolder gibt dabei das Images Verzeichnis des aktuell gewählten Styles an.

    Was ich nun möchte ist im Prinzip wie im WBB4 das die Smilies automatisch aus der Datenbank geholt und angezeigt werden im Editor.
    Nur wie ich das hinbekomme k.p.

    Ich hoffe das ihr mir da vllt. helfen könnt.
    Im WBB4 z.b. ist diese Funktion vorhanden, vllt. kann man da ja sich orientieren? Ich hab es jedoch nicht und wie gesagt: i dont speak javascript.

    Hier könnt ihr das Lite 1 downloaden:
    https://jumperli.de/wbblite/fileba…nload&entryid=7

    Der Editor:
    http://www1.zippyshare.com/v/uDIHUMlO/file.html

    Ich würde ggf. auch dafür zahlen. :)
    Außerdem bastle ich ein Responsive Design und da soll dieser Editor auch rein. :) Das alte WBB wird jetzt zu 100% modernisiert. :)

    Einmal editiert, zuletzt von Michael_ (24. Mai 2017 um 10:58)

  • Würden 50€ die Motivation vllt. etwas steigern mir hier behilflich zu sein?
    Mir wäre es recht wichtig diesen Editor in das WBB zu integrieren.

    Oder ist einfach keiner hier im Board der Javascript kann?

    Einmal editiert, zuletzt von Michael_ (25. Mai 2017 um 19:03)

  • Oder ist einfach keiner hier im Board der Javascript kann?

    Eher keiner, der am Code eines vollkommen veralteten Forums herumbasteln will. Nutz ne aktuelle Forensoftware und fertig.

  • Hahaha die Websiete ist ja der Hammer :D:D

    Aus der Reihe "Wie verunstalte ich das <table>-Tag?":

  • Nein ich will die Erweiterung kostenlos anbieten auf your-wbb.de
    Für WBB2/Lite1/WBB 1.2

    Außerdem ist das WBB Technisch bereits überholt.
    Auf Thrive Template gibt es entgeltlich eine automatisierte Lösung zum Updaten und retten bzw. reparieren.

    Schon mit Aufwand, die Erweiterung ansich schreib ich ja selbst nur bezüglich den Smilies brauch ich Hilfe.

  • Das Problem ist, dass du die config.js und plugin.js als dynamisches Javascript erzeugen musst, wenn du die Smilies aus der Datenbank holen willst. Dazu musst du erstens diese Pfade per .htaccess auf ein PHP-Skript umschreiben und zweitens per

    PHP
    <?php header("Content-Type: application/javascript"); ?>


    zu Beginn des Skripts die Ausgabe als Javascript definieren.

    Es ist sinnvoller, die Smiley-Beschreibungen in Javascript in Anführungsstriche zu setzen, auch wenn das keinen Unterschied machen sollte.

    Code
    var smileyMap = { 'biggrin': ':D', 'redface': ':O', 'confused': '?(', 'cool': '8)', 'crying': ';(', 'eek': '8o', 'pleased': ':]', 'frown': ':(', 'happy': ':))', 'mad': 'X(', 'smile': ':)', 'tongue': ':P', 'wink': ';)', 'rolleyes': ':rolleyes:', 'baby': ':baby:', 'evil': ':evil:', tongue2: ':tongue:' }


    Gibt es hierzu einen Fehler aus der Browser-Konsole?

  • Ergo soll ich die config.js und plugin.js in .php umbenennen?
    Nur dann wird der CKEditor wohl nicht mehr funktionieren, zumindest wo immer diese datein includiert werden.
    gut dann muss ich ggf. rausfinden wo das ist nur kann ich da so einfach dann php datein einbinden?

    Außerdem wenn ich

    Code
    header("Content-Type: application/javascript");

    einbinde
    wie binde ich dann darunter das javascript ein?
    einfach unter ?> oder wie?
    Die Pfade könnte ich doch ggf. auch mit php umschreiben oder nicht?

    Ansonsten ein Fehler im Browser direkt wird nicht angezeigt, was genau meinst du mit "Konsole"?

  • Die Konsole ist der Entwicklermodus deines Browsers. Erreichst du durch drücken der Taste F12 oder per Rechtsklick->Element untersuchen.

Jetzt mitmachen!

Du hast noch kein Benutzerkonto auf unserer Seite? Registriere dich kostenlos und nimm an unserer Community teil!