Textformatvorlage erstellen mit Button für TinyMCE, Text hervorheben/einfärben

    Hallo,

    ich komme hier nicht weiter, obwohl ich diverse Threads hier und auch bei TinyMCE gelesen hab.

    Die Aufgabenstellung: Im Text statischer Seiten sollen einige Passagen grün hinterlegt werden. Da es von Nicht-HTML-Könnern bearbeitet werden soll, muss es einen Button im TinyMCE geben, der diese Aufgabe übernimmt.

    Die Fragen:

    1. Wie bekomme ich einen zusätzlichen Button in die Symbolleiste von TinyMCE?
      Ich bitte um konkrete Antwort:
      Welche Datei muss ich wo ändern, damit es hinkommt.
      Oder falls jemand hier eine entsprechende Datei posten könnte, würde ich versuchen, es nachzuvollziehen.
    2. Wie kann ich dem Button eine entsprechende Funktion zuweisen, dass er den markierten Text mit einem bestimmten Textformat versieht, z.B. fett und hellgrün unterstrichen.


    Danke für eure Hilfe! :-D

    Beste Grüße
    CMSFan

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    da gibts ein Plugin
    TinyMCE advanced da kann man das machen, das übernimmt sogar die style.css Angaben, wenn vor den ids und class kein div steht

    lg

    Lösung: TinyMCE Advanced hat funktioniert

    Liebe Monika,

    der Tipp mit TinyMCE Advanced war super. Funktioniert prima! Danke!!! :mrgreen:

    Nur eine Kleinigkeit habe ich da noch: Wie bekomme ich das normale Hintergrund meiner Seite aus dem Text-Editor-Fenster heraus?

    Ich habe mal einen Screenshot angehängt.

    Besten Dank an alle, die mitmachen!

    Beste Grüße
    CMSFan

    ob das die gute alte feine Art weiß ich nicht,
    doch ich tät die Angabe aus der style.css geben und dafür direkt in den bodytag

    lg

    Hier mal die TinyMCE Dokumentation (englisch) zum Theme content_css: TinyMCE:Configuration/content css - Moxiecode Documentation Wiki
    Interessant ist folgender Abschnitt:


    Jedes gute Theme definiert über die .mceContentBody Klasse den Hintergrund für den Editor abweichend. Ebenfalls kann man, wie gezeigt, auch die Links oder sonstige Elemente im Editor dadurch beeinflussen.
    Nur machen das die meisten Theme Autoren sehr zu meinem Leidwesen nicht (vermutlich aus Unkenntnis).

    Zitat von codestyling

    ...

    Jedes gute Theme definiert über die .mceContentBody Klasse den Hintergrund für den Editor abweichend. Ebenfalls kann man, wie gezeigt, auch die Links oder sonstige Elemente im Editor dadurch beeinflussen.
    Nur machen das die meisten Theme Autoren sehr zu meinem Leidwesen nicht (vermutlich aus Unkenntnis).



    Nein ..ich mache dies bewusst nicht:

    95% meiner Kunden verwenden keinen Tiny,
    ich wüßt auch keinen Grund wieso sie dies tun sollten

    Kunden bekommen bei mir alle individuellen Quicktags, die sie brauchen und wollen ..

    Tiny ist eine Frage des Backends und nicht des Themes

    lg

    Also, eure Hinweise haben mir schon sehr geholfen. Danke dafür! :-D Das mit den Quicktags finde ich eigentlich am Besten.

    Liebe Monika, könntest du mir kurz schildern, wie ich das anstelle? Es hört sich so an, als hättest du den Tiny komplett entfernt. Worin editieren die Leute denn dann? Kann man sich das mal irgendwo anschauen?

    Beste Grüße
    CMSFan

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden