WYSIWYG-Editor - Versionsgeschichte

UlfriedPollmanns am 19. März 2022 um 13:02 Uhr

2022-03-19T13:02:20Z

← Nächstältere Version		Version vom 19. März 2022, 13:02 Uhr
Zeile 18:		Zeile 18:

	== Quellen und weiterführende Links ==		== Quellen und weiterführende Links ==
	[https://blog.hubspot.com/website/best-wysiwyg-html-editor - 11 Best WYSIWYG HTML Editors for Your Site (hubspot.com)]		[https://blog.hubspot.com/website/best-wysiwyg-html-editor 11 Best WYSIWYG HTML Editors for Your Site (hubspot.com)]

	[https://www.homepage-buttons.de/tools/editor.html - HTML-Editoren: Text-Editoren und WYSIWYG-Editoren (homepage-buttons.de)]		[https://www.homepage-buttons.de/tools/editor.html HTML-Editoren: Text-Editoren und WYSIWYG-Editoren (homepage-buttons.de)]

UlfriedPollmanns am 19. März 2022 um 13:00 Uhr

2022-03-19T13:00:25Z

← Nächstältere Version		Version vom 19. März 2022, 13:00 Uhr
Zeile 8:		Zeile 8:

	== Nachteile von WYSIWYG Editoren ==		== Nachteile von WYSIWYG Editoren ==
	Auch wenn WYSIWYG Editoren die Arbeit mit Webcontent zugänglicher machen und beschleunigen, bringen ~~Sie~~ Nachteile mit sich. Im Vergleich zu manuell geschriebenen HTML Codes ist der Code eines WYSIWYG Editors meist umfangreicher bzw. künstlich aufgebläht, was die Performance der Seite verschlechtern oder die Darstellung in verschiedenen Browsern beeinflussen kann. Manuell und professionell erstellter HTML Code ist daher meist vorteilhafter. Darüber hinaus kann es Limitierungen des Editors geben, so dass bestimmte Wünsche oder Korrekturen doch wieder mit manuellen Eingriffen in den Code umgesetzt werden müssen, wodurch Anwender ohne HTML Kenntnisse auf Limitierungen stoßen.		Auch wenn WYSIWYG-Editoren die Arbeit mit Webcontent zugänglicher machen und beschleunigen, bringen sie Nachteile mit sich. Im Vergleich zu manuell geschriebenen [[HTML]] Codes ist der Code eines WYSIWYG-Editors meist umfangreicher bzw. künstlich aufgebläht, was die Performance der Seite verschlechtern oder die Darstellung in verschiedenen Browsern beeinflussen kann. Manuell und professionell erstellter [[HTML]] Code ist daher meist vorteilhafter. Darüber hinaus kann es Limitierungen des Editors geben, so dass bestimmte Wünsche oder Korrekturen doch wieder mit manuellen Eingriffen in den Code umgesetzt werden müssen, wodurch Anwender ohne [[HTML]] Kenntnisse auf Limitierungen stoßen.
	Beispiele
	Adobe Dreamweaver CC: Professionelle und kostenpflichtige Lösung des Softwareherstellers Adobe, die umfangreiche Funktionalitäten auch über die reine Contenterstellung hinaus bietet. https://~~www~~.~~adobe~~.~~com~~/~~products/dreamweaver.html~~		== Beispiele für WYSIWYG-Editoren ==
	Wordpress Die Open Source Software Wordpress bringt als CMS System einen integrierten WYSIWYG Editor mit, kann aber auch durch andere Editoren als PlugIns an die Bedürfnisse des Anwenders angepasst werden. https://de.~~wordpress.org~~/		[https://www.adobe.com/products/dreamweaver.html - Adobe Dreamweaver CC]: Professionelle und kostenpflichtige Lösung des Softwareherstellers Adobe, die umfangreiche Funktionalitäten auch über die reine Contenterstellung hinaus bietet.
	Quill ~~– kostenfrei~~ Open Source Lösung mit Fokus auf Anpassbarkeit. Durch die modulare Anwendung bietet er sich für kleine bis sehr umfangreiche Projekte an. https://~~quilljs~~.com/
	~~Quellen~~		[https://de.wordpress.org/ - Wordpress]: Die Open Source Software Wordpress bringt als CMS System einen integrierten WYSIWYG-Editor mit, kann aber auch durch andere Editoren als PlugIns an die Bedürfnisse des Anwenders angepasst werden.
	11 Best WYSIWYG HTML Editors for Your Site (hubspot.com)
	HTML-Editoren: Text-Editoren und WYSIWYG-Editoren (homepage-buttons.de)		[https://quilljs.com/ - Quill]: Kostenfreie Open Source Lösung mit Fokus auf Anpassbarkeit. Durch die modulare Anwendung bietet er sich für kleine bis sehr umfangreiche Projekte an.

			== Quellen und weiterführende Links ==
			[https://blog.hubspot.com/website/best-wysiwyg-html-editor - 11 Best WYSIWYG HTML Editors for Your Site (hubspot.com)]

			[https://www.homepage-buttons.de/tools/editor.html - HTML-Editoren: Text-Editoren und WYSIWYG-Editoren (homepage-buttons.de)]

UlfriedPollmanns am 19. März 2022 um 12:53 Uhr

2022-03-19T12:53:32Z

← Nächstältere Version		Version vom 19. März 2022, 12:53 Uhr
Zeile 1:		Zeile 1:
	~~WYSIWYG Editor~~		Beim WYSIWYG-Editor (Abkürzung für: What You See Is What You Get – Übersetzt: Was Du siehst ist was Du bekommst) handelt es sich um eine Eingabehilfe für Inhalte, beispielsweise im Kontext von Blogs, Wikis oder Webseiten. Der Editor unterstützt den User dabei, den erforderlichen HTML Code zu generieren, der für den Betrieb des Inhalts im WWW notwendig ist.
	Beim WYSIWYG Editor (Abkürzung für: What You See Is What You Get – Übersetzt: Was Du siehst ist was Du bekommst) handelt es sich um eine Eingabehilfe für Inhalte, beispielsweise im Kontext von Blogs, Wikis oder Webseiten. Der Editor unterstützt den User dabei, den erforderlichen HTML Code zu generieren, der für den Betrieb des Inhalts im WWW notwendig ist.
	WYSIWYG vs. Texteditor		== WYSIWYG vs. Texteditor ==
	Im Bereich der Eingabemöglichkeiten gibt es neben dem WYSIWYG Editor als Alternative den Texteditor. Mit dem Texteditor wird reiner Quellcode geschrieben, das heißt, der Anwender benötigt Kenntnisse in HTML, um einen funktionsfähigen Code zu erstellen. Der WYSIWYG-Editor ermöglicht dagegen eine Eingabe auch ohne HTML Kenntnisse, da der Editor die Eingaben übersetzt und den Code generiert. Der Anwender sieht direkt während der Eingabe, wie die finale Darstellung des Contents innerhalb des Blogs oder der Webseite ist, im Gegensatz zum Texteditor, wo das Ergebnis erst nach Veröffentlichung des Codes sichtbar ist.		Im Bereich der Eingabemöglichkeiten gibt es neben dem WYSIWYG-Editor als Alternative den Texteditor. Mit dem Texteditor wird reiner Quellcode geschrieben, das heißt, der Anwender benötigt Kenntnisse in [[HTML]], um einen funktionsfähigen Code zu erstellen. Der WYSIWYG-Editor ermöglicht dagegen eine Eingabe auch ohne [[HTML]] Kenntnisse, da der Editor die Eingaben übersetzt und den Code generiert. Der Anwender sieht direkt während der Eingabe, wie die finale Darstellung des Contents innerhalb des Blogs oder der Webseite ist, im Gegensatz zum Texteditor, wo das Ergebnis erst nach Veröffentlichung des Codes sichtbar ist.
	Standalone vs. Integriert
	Bei der Integration von WYSIWYG Editoren gibt es zwei Möglichkeiten: Vielfach ist der Editor direkt in ein ~~CMS~~ integriert (z.B. bei ~~Wordpress~~), wo die Eingaben somit direkt im Prozess der Contenterstellung gemacht werden können. Alternativ kann es aber aufgrund spezieller Erfordernisse des Contenterstellers oder aber Limitierungen des ~~CMS~~ nötig sein, auf einen externen WYSIWYG Editor zurückzugreifen. Vorteile hier können integrierte Templates, Layouts oder verbesserte Userinterfaces sein, was gerade professionellen Anwendern mehr Möglichkeiten eröffnet.		== Standalone vs. Integriert ==
	Nachteile von WYSIWYG Editoren		Bei der Integration von WYSIWYG-Editoren gibt es zwei Möglichkeiten: Vielfach ist der Editor direkt in ein [[Content-Management-System]] integriert (z.B. bei [[WordPress]]), wo die Eingaben somit direkt im Prozess der Contenterstellung gemacht werden können. Alternativ kann es aber aufgrund spezieller Erfordernisse des Contenterstellers oder aber Limitierungen des Content-Management-Systems nötig sein, auf einen externen WYSIWYG-Editor zurückzugreifen. Vorteile hier können integrierte Templates, Layouts oder verbesserte Userinterfaces sein, was gerade professionellen Anwendern mehr Möglichkeiten eröffnet.

			== Nachteile von WYSIWYG Editoren ==
	Auch wenn WYSIWYG Editoren die Arbeit mit Webcontent zugänglicher machen und beschleunigen, bringen Sie Nachteile mit sich. Im Vergleich zu manuell geschriebenen HTML Codes ist der Code eines WYSIWYG Editors meist umfangreicher bzw. künstlich aufgebläht, was die Performance der Seite verschlechtern oder die Darstellung in verschiedenen Browsern beeinflussen kann. Manuell und professionell erstellter HTML Code ist daher meist vorteilhafter. Darüber hinaus kann es Limitierungen des Editors geben, so dass bestimmte Wünsche oder Korrekturen doch wieder mit manuellen Eingriffen in den Code umgesetzt werden müssen, wodurch Anwender ohne HTML Kenntnisse auf Limitierungen stoßen.		Auch wenn WYSIWYG Editoren die Arbeit mit Webcontent zugänglicher machen und beschleunigen, bringen Sie Nachteile mit sich. Im Vergleich zu manuell geschriebenen HTML Codes ist der Code eines WYSIWYG Editors meist umfangreicher bzw. künstlich aufgebläht, was die Performance der Seite verschlechtern oder die Darstellung in verschiedenen Browsern beeinflussen kann. Manuell und professionell erstellter HTML Code ist daher meist vorteilhafter. Darüber hinaus kann es Limitierungen des Editors geben, so dass bestimmte Wünsche oder Korrekturen doch wieder mit manuellen Eingriffen in den Code umgesetzt werden müssen, wodurch Anwender ohne HTML Kenntnisse auf Limitierungen stoßen.
	Beispiele		Beispiele

UlfriedPollmanns: Die Seite wurde neu angelegt: „WYSIWYG Editor Beim WYSIWYG Editor (Abkürzung für: What You See Is What You Get – Übersetzt: Was Du siehst ist was Du bekommst) handelt es sich um eine Eingabehilfe für Inhalte, beispielsweise im Kontext von Blogs, Wikis oder Webseiten. Der Editor unterstützt den User dabei, den erforderlichen HTML Code zu generieren, der für den Betrieb des Inhalts im WWW notwendig ist. WYSIWYG vs. Texteditor Im Bereich der Eingabemöglichkeiten gibt es neben d…“

2022-03-19T12:48:08Z

Die Seite wurde neu angelegt: „WYSIWYG Editor Beim WYSIWYG Editor (Abkürzung für: What You See Is What You Get – Übersetzt: Was Du siehst ist was Du bekommst) handelt es sich um eine Eingabehilfe für Inhalte, beispielsweise im Kontext von Blogs, Wikis oder Webseiten. Der Editor unterstützt den User dabei, den erforderlichen HTML Code zu generieren, der für den Betrieb des Inhalts im WWW notwendig ist. WYSIWYG vs. Texteditor Im Bereich der Eingabemöglichkeiten gibt es neben d…“

Neue Seite

WYSIWYG Editor
Beim WYSIWYG Editor (Abkürzung für: What You See Is What You Get – Übersetzt: Was Du siehst ist was Du bekommst) handelt es sich um eine Eingabehilfe für Inhalte, beispielsweise im Kontext von Blogs, Wikis oder Webseiten. Der Editor unterstützt den User dabei, den erforderlichen HTML Code zu generieren, der für den Betrieb des Inhalts im WWW notwendig ist.
WYSIWYG vs. Texteditor
Im Bereich der Eingabemöglichkeiten gibt es neben dem WYSIWYG Editor als Alternative den Texteditor. Mit dem Texteditor wird reiner Quellcode geschrieben, das heißt, der Anwender benötigt Kenntnisse in HTML, um einen funktionsfähigen Code zu erstellen. Der WYSIWYG-Editor ermöglicht dagegen eine Eingabe auch ohne HTML Kenntnisse, da der Editor die Eingaben übersetzt und den Code generiert. Der Anwender sieht direkt während der Eingabe, wie die finale Darstellung des Contents innerhalb des Blogs oder der Webseite ist, im Gegensatz zum Texteditor, wo das Ergebnis erst nach Veröffentlichung des Codes sichtbar ist.
Standalone vs. Integriert
Bei der Integration von WYSIWYG Editoren gibt es zwei Möglichkeiten: Vielfach ist der Editor direkt in ein CMS integriert (z.B. bei Wordpress), wo die Eingaben somit direkt im Prozess der Contenterstellung gemacht werden können. Alternativ kann es aber aufgrund spezieller Erfordernisse des Contenterstellers oder aber Limitierungen des CMS nötig sein, auf einen externen WYSIWYG Editor zurückzugreifen. Vorteile hier können integrierte Templates, Layouts oder verbesserte Userinterfaces sein, was gerade professionellen Anwendern mehr Möglichkeiten eröffnet.
Nachteile von WYSIWYG Editoren
Auch wenn WYSIWYG Editoren die Arbeit mit Webcontent zugänglicher machen und beschleunigen, bringen Sie Nachteile mit sich. Im Vergleich zu manuell geschriebenen HTML Codes ist der Code eines WYSIWYG Editors meist umfangreicher bzw. künstlich aufgebläht, was die Performance der Seite verschlechtern oder die Darstellung in verschiedenen Browsern beeinflussen kann. Manuell und professionell erstellter HTML Code ist daher meist vorteilhafter. Darüber hinaus kann es Limitierungen des Editors geben, so dass bestimmte Wünsche oder Korrekturen doch wieder mit manuellen Eingriffen in den Code umgesetzt werden müssen, wodurch Anwender ohne HTML Kenntnisse auf Limitierungen stoßen.
Beispiele
Adobe Dreamweaver CC: Professionelle und kostenpflichtige Lösung des Softwareherstellers Adobe, die umfangreiche Funktionalitäten auch über die reine Contenterstellung hinaus bietet. https://www.adobe.com/products/dreamweaver.html
Wordpress Die Open Source Software Wordpress bringt als CMS System einen integrierten WYSIWYG Editor mit, kann aber auch durch andere Editoren als PlugIns an die Bedürfnisse des Anwenders angepasst werden. https://de.wordpress.org/
Quill – kostenfrei Open Source Lösung mit Fokus auf Anpassbarkeit. Durch die modulare Anwendung bietet er sich für kleine bis sehr umfangreiche Projekte an. https://quilljs.com/
Quellen
11 Best WYSIWYG HTML Editors for Your Site (hubspot.com)
HTML-Editoren: Text-Editoren und WYSIWYG-Editoren (homepage-buttons.de)