Texteditor einfügen

Hi,
ich möchte auf meine Website gerne einen Texteditor einbauen. Im Internet bin ich auf eine Anleitung gestoßen, jedoch kriege ich es nicht ganz hin. Es wird ein Eingabefeld erstellt, sowie einen Button, damit der Text fett wird. Das Eingabefeld wird anscheinend erzeugt, nur kann ich nichts eingeben und es hat auch die Farbe des Hintergrundes.
Hier mal den Teil meines Codes:
[HTML]



[/HTML]

Hat jemand n Tipp?

Willst du dir den wirklich selbst bauen?

Es gibt nämlich auch schon fertige Lösungen wie
http://ckeditor.com/

Es würde sich anbieten, außer es müsste noch viel verbessert werden.

Also ich würde mal behaupten, dass wenn du kein Profi im Bereich HTML und Javascript bist, ist es unmöglich so etwas selbst zu programmieren.

Etwas „Fett formatieren“ ist dabei ja noch das einfachste.
Es geht dann weiter mit:

  • „Fett-Formatierung entfernen“
  • nur Teile der „Fett-Formatierung“ entfernen
  • Teile der „Fett-Formatierung“ kursiv formatieren.
  • Alle Formatierungen entfernen
  • Aufzählungszeichen
  • Bilder einfügen/entfernen
  • Links einfügen/entfernen
  • usw…

Und dabei muss natürlich ständig valides HTML generiert werden, nicht dass der Code zum Schluss so aussieht:

[CODE]

Ich bin ein Absatz.

Ich bin ein Absatz.

[/CODE]

Ich bin derzeit auch dabei mir so etwas selbst zu programmieren (weil die fertigen Lösungen meinen Ansprüchen nicht entsprechen) und kann dir deshalb sagen dass das wirkliche Knochenarbeit ist.

Oke, dann widme ich mich mal dem CKEditor

Edit: Jetzt habe ich ihn installiert und bereits ein Eingabefeld erstellt. Nur wie kriege ich z.B. einen Button mit dem der Text fett wird?

Hier mal meinen Code falls der hilft:
[HTML]

Typographie

Typografie

Grundlagen der Typografie


Text hier eingeben...
    </div>
</div>
[/HTML]

push

Buttons kannst Du über die Toolbar-Konfiguration reinnehmen und entfernen. Siehe Dokumentation: http://ckeditor.com/latest/samples/plugins/toolbar/toolbar.html

Wenn ich es damit hinkriegen würde, würde ich mich hier nicht melden :wink: