Kleiner WYSIWYG Editor

20.04.2009, 20:33

Hi,

ich programmiere einen kleinen WYSIWYG Editor.
Es sieht so aus, das ich ein paar kleine Grafiken habe und beim klicken in der Textarea BBCode eingefügt wird.

Jetzt würde ich gerne das im Editor die Sachen nicht im Code stehen sondern direkt grafisch dargestellt werden.
Ich weiß es gibt fertig Editoren, doch die sind mir zu mächtig, daher will ich einen eigenen Programmieren.

Wie kann ich am besten sowas umsetzten mit JS?

Danke

Chriz · 20.04.2009, 20:52

Gut gemeinter Rat: Lass es bleiben, und versuch lieber die vorhandenen Editoren so anzupassen, dass sie dir genügen.

Die aktuellen WYSIWYG-Editoren arbeiten soweit ich weiß nicht mit dem <textarea>, sondern mit dem IFrame im Editiermodus. Dazu gibt es sicherlich einige Tutorials oder Infos im Web, die du vor konkreten Fragen zumindest mal angeschaut haben solltest. Ich persönlich kenn mich da aber nicht aus

Siehe 1. Satz

leonv · 27.04.2009, 00:06

Ich würde z.B. Open Source Cross-Browser WYSIWYG Editor empfehlen, er wird sehr einfach eingebunden und auf eine/mehrere textarea(s) angewandt.

phpdummi · 01.05.2009, 20:33

Auch ein guter Ansatz: WYMeditor - web-based XHTML editor - Home

frankenstein · 16.06.2011, 18:07

Zitat:

Auch ein guter Ansatz: WYMeditor - web-based XHTML editor - Home

Ein wirklich genialer Editor.

mquadrat · 17.06.2011, 12:39

Um das in JS zu machen brauchst du einen BBCode Parser für JS. Dessen Ergebnis dann in ein DOM-Element injecten und das sollte es gewesen sein.

@Halb-OT
Wenn wir gerade bei Editoren sind. Ich suche einen, der ein Filemanagement mitbringt (ähnlich CKFinder)

fab · 17.06.2011, 12:48

Mit den Anforderungen "klein, nicht zu mächtig, BBCode" würde ich dir mal empfehlen, jQuery markItUp anzusehen. Da gibt es allerdings keinen direkten WYSIWYG Modus (der ja eigentlich immer den HTML Editiermodus nutzt und für BBCode daher schlecht geeignet ist) aber eine Vorschau ist mittels Plugin möglich.

nikosch · 17.06.2011, 14:29

Zitat:

Filemanagement

für einen Editor ist ziemlicher Unfug, weil Upload- und Ablagemechanismen systemabhängig eingebunden werden müssen.

mquadrat · 17.06.2011, 15:14

Zitat:

Zitat von nikosch

für einen Editor ist ziemlicher Unfug, weil Upload- und Ablagemechanismen systemabhängig eingebunden werden müssen.

Unfug würde ich es nicht nennen. Schnittstelle beim Editor für die Verwendung eiens Filemanagers. Frontend des Managers kann ja auch wieder JS sein, dann bräuchte man nur noch eine generische Backend-Schnittstelle. Wirklich viele Backend-Funktionen hat so ein Manager ja nicht.

Aber da werden wir glaube ich zu sehr OT.

nikosch · 17.06.2011, 16:33

Tja, Module mit Schnittstellen baut aber so gut wie niemand. Irgendwie wird immer alles idiotensicher gebaut, so dass es out-of-the-box „funzt“. Das ist wohl auch der Grund der vielen Serviceanfragen in Boards wie diesem.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Welchen Editor benutzt ihr?	Ambience	Off-Topic Diskussionen	100	14.08.2010 21:17
[Erledigt] WYSIWYG Editor, HTML interpretieren	Aurec	PHP Tipps 2009	2	24.01.2009 14:41
[Erledigt] Kleiner Editor umschreiben^^	Ahrta5	Scriptbörse	5	19.10.2008 19:06
Datei einlesen und mit Editor bearbeiten - Problem	perpicx	PHP Tipps 2008	11	18.09.2008 15:33
JS: WYSIWYG Editor selbst gebastelt	cebe	HTML, Usability und Barrierefreiheit	4	25.12.2005 15:57
Wysiwyg Editor?	Masteroi	Beitragsarchiv	5	14.09.2005 17:47
Problem mit WYSiWYG Editor - Bildübergabe	Fraylman	PHP Tipps 2005	2	12.05.2005 11:43
Suche wysiwyg editor		PHP Tipps 2005	2	29.04.2005 17:38
[SUCHE] WYSIWYG Editor	phpfortgeschrittener	Beitragsarchiv	6	04.03.2005 14:24
<textarea> into a WYSIWYG editor		Beitragsarchiv	12	29.10.2004 13:09
DB eingabe mit WYSIWYG Editor?!	medico	PHP Tipps 2004	10	12.10.2004 13:41
Problem mit editor coden		HTML, Usability und Barrierefreiheit	1	29.06.2004 14:38

20.04.2009, 20:33
Kein Genie Gast Beiträge: n/a	Kleiner WYSIWYG Editor Hi, ich programmiere einen kleinen WYSIWYG Editor. Es sieht so aus, das ich ein paar kleine Grafiken habe und beim klicken in der Textarea BBCode eingefügt wird. Jetzt würde ich gerne das im Editor die Sachen nicht im Code stehen sondern direkt grafisch dargestellt werden. Ich weiß es gibt fertig Editoren, doch die sind mir zu mächtig, daher will ich einen eigenen Programmieren. Wie kann ich am besten sowas umsetzten mit JS? Danke


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

20.04.2009, 20:52
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Gut gemeinter Rat: Lass es bleiben, und versuch lieber die vorhandenen Editoren so anzupassen, dass sie dir genügen. Die aktuellen WYSIWYG-Editoren arbeiten soweit ich weiß nicht mit dem <textarea>, sondern mit dem IFrame im Editiermodus. Dazu gibt es sicherlich einige Tutorials oder Infos im Web, die du vor konkreten Fragen zumindest mal angeschaut haben solltest. Ich persönlich kenn mich da aber nicht aus Siehe 1. Satz __________________ "Nuschel ich?" - "Was?"

27.04.2009, 00:06
leonv Erfahrener Benutzer Registriert seit: 12.01.2009 Beiträge: 344 PHP-Kenntnisse: Fortgeschritten	Ich würde z.B. Open Source Cross-Browser WYSIWYG Editor empfehlen, er wird sehr einfach eingebunden und auf eine/mehrere textarea(s) angewandt. __________________ Kreativität und Schöpfung durch Chaos und Ordnung.

01.05.2009, 20:33
phpdummi Erfahrener Benutzer Registriert seit: 06.06.2008 Beiträge: 1.631 PHP-Kenntnisse: Anfänger	Auch ein guter Ansatz: WYMeditor - web-based XHTML editor - Home __________________ "Nobody is as smart as everybody" - Kevin Kelly — The best things in life aren't things

17.06.2011, 12:39
mquadrat Erfahrener Benutzer Registriert seit: 02.09.2009 Beiträge: 1.019 PHP-Kenntnisse: Fortgeschritten	Um das in JS zu machen brauchst du einen BBCode Parser für JS. Dessen Ergebnis dann in ein DOM-Element injecten und das sollte es gewesen sein. @Halb-OT Wenn wir gerade bei Editoren sind. Ich suche einen, der ein Filemanagement mitbringt (ähnlich CKFinder) __________________ Wir suchen PHP Entwickler (Vollzeit) im Raum Darmstadt / Rhein-Main. Infos via E-Mail mueller@new-frontiers.de

17.06.2011, 12:48
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Mit den Anforderungen "klein, nicht zu mächtig, BBCode" würde ich dir mal empfehlen, jQuery markItUp anzusehen. Da gibt es allerdings keinen direkten WYSIWYG Modus (der ja eigentlich immer den HTML Editiermodus nutzt und für BBCode daher schlecht geeignet ist) aber eine Vorschau ist mittels Plugin möglich. __________________ PHP Blog + Library CSS Effects + Tools

17.06.2011, 16:33
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Tja, Module mit Schnittstellen baut aber so gut wie niemand. Irgendwie wird immer alles idiotensicher gebaut, so dass es out-of-the-box „funzt“. Das ist wohl auch der Grund der vielen Serviceanfragen in Boards wie diesem. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --