Heim > Artikel > Web-Frontend > Vier benutzerfreundliche kostenlose Online-HTML-Editoren
Was ist ein Online-HTML-Editor? Online-Editoren werden zum Online-Bearbeiten und Ändern von Webseiten und anderen Inhalten verwendet, sodass Benutzer den „What you see is what you get“-Effekt auf der Website erzielen können. Daher werden sie hauptsächlich zum Bearbeiten und Veröffentlichen von Website-Inhaltsinformationen und zum Online-Teilen verwendet Dokumente wie Nachrichten, Blog-Veröffentlichungen usw. Aufgrund seiner Einfachheit und Benutzerfreundlichkeit wird es häufig auf Websites verwendet und ist vielen Internetnutzern bekannt.
eWebEditor ist zwar leistungsstark, aber dieser Editor ist eine kostenpflichtige Software und aufgrund seiner leistungsstarken Funktionen ist er zu schwer und für einige leichte Situationen nicht geeignet. Gibt es also einen Online-HTML-Editor, der kostenlos, leistungsstark und für einfache Situationen geeignet ist?
Die Antwort ist definitiv ja. Dies ist in erster Linie einer Gruppe engagierter Programmierer zu verdanken, die über die Jahre hinweg die Entwicklung gemeinsamer Software vorangetrieben haben und es uns ermöglicht haben, uns an ihren Leistungen zu erfreuen.
1. UEditor, hergestellt von Baidu
UEditor ist ein WYSIWYG-Rich-Text-Webeditor, der von der Web-Frontend-Forschungs- und Entwicklungsabteilung entwickelt wurde Aufgrund der Benutzererfahrung und anderer Merkmale basiert die Open Source auf der MIT-Lizenz und ermöglicht die freie Nutzung und Änderung des Codes. Insbesondere ist der Editor, der zum Veröffentlichen von Artikeln im Hintergrund von Toutiao verwendet wird, UEditor!
UEditor hat auch eine schlanke Version namens UMeditor, kurz UM. UM ist ein Online-HTML-Editor, der speziell auf die Anforderungen der meisten Portal-Websites für einfache Post- oder Antwortfelder zugeschnitten ist. Das Hauptmerkmal ist die Änderung der Kapazität und Ladegeschwindigkeit. Die Codegröße der Hauptdatei beträgt 139 KB, und es wird auf die Verwendung des herkömmlichen Iframe-Modus verzichtet und die Div-Lademethode übernommen, um eine schnellere Ladegeschwindigkeit und eine Ladefehlerrate von Null zu erreichen. Der erste Benutzer von UM ist Baidu Tieba. Um dem Test von Hunderten Millionen PVs in Tieba jeden Tag standzuhalten, sollte das funktionale Design optimiert werden. Natürlich werden mit der Reduzierung des Codes die Funktionen von UM für UE immer noch reduziert, aber sie werden auch erweitert, z. B. das Ziehen von Bildern zum Hochladen, das Ziehen von Bildern in Chrome zum Ändern der Größe usw.
2. xhEditor Open-Source-HTML-Editor
xhEditor ist ein einfacher, kleiner und effizienter visueller HTML-Editor, der auf jQuery basiert, auf Netzwerkzugriff basiert und mit IE 6.0 kompatibel ist +, Firefox 3.0+, Opera 9.6+, Chrome 1.0+, Safari 3.22+.
xhEditor ist vollständig auf Basis von Javascript entwickelt und kann in jeder serverseitigen Sprachumgebung angewendet werden, wie zum Beispiel: PHP, ASP, ASP.NET, JAVA usw. Es kann perfekt eingebettet werden und auf Internetplattformen wie CMS, Blogs, Foren, Einkaufszentren usw. ausgeführt werden. Es kann sehr flexibel und einfach sein, um eine perfekte und nahtlose Verbindung mit Ihrem System herzustellen.
Hauptfunktionen:
Vereinfachtes Mini: Erstmaliges Laden von 4 Dateien, darunter: 1 js (50 KB) + 2 CSS (10 KB) + 1 Bild (5 KB), insgesamt 65 KB. Wenn JS- und CSS-Dateien gzip-komprimiert und übertragen werden, können sie weiter auf etwa 24 KB reduziert werden.
Einfach zu verwenden: Ein einfacher Methodenaufruf und das Hinzufügen eines Klassenattributs können Textarea in einen funktionsreichen visuellen Editor verwandeln.
Barrierefreiheit: Bietet umfassende Unterstützung für WAI-ARIA, vollständige Tastatur für feine Bedienung und vollständige Sprachführung, um ein perfektes barrierefreies Zugangserlebnis zu bieten und die Internetbedürfnisse von Menschen mit Behinderungen vollständig zu erfüllen.
Integrierter Ajax-Upload: Integrierter leistungsstarker Ajax-Upload, einschließlich HTML4- und HTML5-Upload-Unterstützung (mehrere Datei-Uploads, echter Upload-Fortschritt und Datei-Drag-and-Drop-Upload), Zwischenablage-Upload und Remote-Grab-Upload.
Automatische Word-Bereinigung: Word-Code automatisch erkennen und bereinigen und Code generieren, der optimiert und rationalisiert ist, ohne dass Details verloren gehen.
Visuelle UBB-Bearbeitung: Unterstützt die visuelle UBB-Bearbeitung. Sie erhalten gleichzeitig eine sichere und effiziente Codespeicherung und können gleichzeitig den Komfort der visuellen Bearbeitung genießen.
3. KindEditor Open-Source-HTML-Editor
KindEditor ist ebenfalls ein Open-Source-Online-HTML-Editor, der in JavaScript geschrieben ist und nahtlos in Java, .NET und PHP integriert werden kann Durch die Integration von ASP und anderen Programmen eignet es sich besser für den Einsatz in Internetanwendungen wie CMS, Einkaufszentren, Foren, Blogs, Wikis und E-Mails. Dieser Anfänger ist der Meinung, dass dieser Editor relativ einfach zu bedienen ist, über leistungsstarke Funktionen und eine benutzerfreundliche Oberfläche verfügt, was ihn sehr gut für Anfänger geeignet macht. Leider scheinen die Aktualisierungen in letzter Zeit eingestellt worden zu sein und die offizielle Website scheint nicht normal zugänglich zu sein.
Hauptmerkmale:
Schnell: geringe Größe, schnelle Ladegeschwindigkeit
Open Source: Open-Source-Code, hohes Niveau, hohe Qualität
Untere Ebene: integrierte automatische Definition der DOM-Klassenbibliothek und genaue Bedienung von DOM
Erweiterung: Plug-in-basiertes Design, alle Funktionen sind Plug-ins und Funktionen können je nach Bedarf erweitert oder verringert werden
Stil: Es ist sehr einfach, den Editor-Stil zu ändern, indem Sie einfach eine CSS-Datei ändern
Kompatibel: Unterstützt die meisten gängigen Browser wie IE, Firefox, Safari, Chrome, Opera
4. Alibabas KISSY
Genau genommen ist KISSY nicht nur ein Online-HTML-Editor, sondern ein Open-Source-JS-Framework, das von Front-End-Ingenieuren der Alibaba Group initiiert und erstellt wurde. Es ist terminalübergreifend und modular und einfach zu bedienen. Es enthält das HTML-Editor-Modul.
Da KISSY modular aufgebaut ist, bietet es die Vorteile einer hohen Skalierbarkeit, vollständiger Komponenten, konsistenter Schnittstellen, unabhängiger Entwicklung und ist für eine Vielzahl von Anwendungsszenarien geeignet. Neben einem vollständigen Satz an Tools wie DOM, Event, Ajax, Anim usw. ist KISSY auch speziell für die Zusammenarbeit im Team konzipiert und bietet klassische objektorientierte, dynamische Lade- und Leistungsoptimierungslösungen. Als von allen Endgeräten unterstütztes JavaScript-Framework hat KISSY auch zahlreiche Anpassungen und Optimierungen für mobile Endgeräte vorgenommen. Wer sich mit der mobilen Webentwicklung beschäftigt, kann den Einsatz von KISSY studieren.
Die oben genannten Online-HTML-Editoren sind sehr einfach zu verwenden und kostenlos. Wenn Sie beim Entwickeln einen Online-HTML-Editor verwenden müssen, können Sie auf diese zurückgreifen und den gewünschten auswählen.
Verwandte Empfehlungen:
Flat und neuer Online-HTML-Editor
Das obige ist der detaillierte Inhalt vonVier benutzerfreundliche kostenlose Online-HTML-Editoren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!