Four easy-to-use free online HTML editors

What is an online HTML editor? Online editors are used to edit and modify web pages and other content online, allowing users to obtain the "what you see is what you get" effect on the website. Therefore, they are mostly used for editing and publishing website content information and sharing online documents, such as news. , blog publishing, etc. Because of its simplicity and ease of use, it is widely used by websites and is familiar to many netizens.

eWebEditor is indeed powerful, but this editor is a paid software, and because of its powerful functions, it seems too heavy and is not suitable for some lightweight situations. So is there an online HTML editor that is free, powerful, and suitable for lightweight situations?

The answer is definitely yes. This is first of all thanks to a group of dedicated programmers who have continued to promote the development of shared software over the years, allowing us to enjoy their achievements.

1. UEditor produced by Baidu

UEditor is a WYSIWYG rich text web editor developed by Baidu web front-end R&D department. It is lightweight and customizable. Paying attention to user experience and other characteristics, the open source is based on the MIT license, allowing free use and modification of the code. In particular, the editor used by Toutiao to publish articles in the background is UEditor!

UEditor also has a lightweight version called UMeditor, or UM for short. UM is an online HTML editor customized to meet the needs of the majority of portal websites for simple posting boxes or reply boxes. The main feature is the change in capacity and loading speed. The code size of the main file is 139k, and it abandons the traditional iframe mode and adopts the div loading method to achieve faster loading speed and zero loading failure rate. The first user of UM is Baidu Tieba. In order to withstand the test of hundreds of millions of PVs in Tieba every day, the functional design should be optimized. Of course, with the reduction of code, the functions of UM are still reduced for UE, but they are also increased, such as dragging pictures to upload, dragging pictures in chrome to change the size, etc.

2. xhEditor open source HTML editor

xhEditor is a simple mini and efficient visual HTML editor developed based on jQuery, based on network access and compatible with IE 6.0+ , Firefox 3.0+, Opera 9.6+, Chrome 1.0+, Safari 3.22+.

xhEditor is completely developed based on Javascript and can be applied in any server-side language environment, such as: PHP, ASP, ASP.NET, JAVA, etc. It can be perfectly embedded and run on Internet platforms such as CMS, blogs, forums, and malls, and can be very flexible and simple to achieve perfect and seamless connection with your system.

Main features:

Simplified mini: Initial load of 4 files, including: 1 js (50k) + 2 css (10k) + 1 image (5k), a total of 65k. If js and css files are gzip compressed and transmitted, they can be further reduced to about 24k.

Easy to use: A simple calling method and adding a class attribute can turn textarea into a feature-rich visual editor.

Accessibility: Provides comprehensive support for WAI-ARIA, full keyboard for fine operation, and full voice guidance to provide a perfect barrier-free access experience and fully meet the Internet needs of people with disabilities.

Built-in Ajax upload: Built-in powerful Ajax upload, including HTML4 and HTML5 upload support (multiple file uploads, real upload progress and file drag-and-drop upload), clipboard upload and remote grab upload.

Word automatic cleaning: Automatically detect and clean Word code, and generate code that is optimized and streamlined without losing details.

UBB visual editing: Supports UBB visual editing. While obtaining safe and efficient code storage, you can also enjoy the convenience of visual editing.

3. KindEditor open source HTML editor

KindEditor is also an open source online HTML editor written in JavaScript and can be seamlessly integrated with Java, .NET, and PHP , ASP and other program integration, it is more suitable for use in Internet applications such as CMS, shopping malls, forums, blogs, Wikis, and emails. This novice feels that this editor is relatively easy to use, has powerful functions, and has a friendly interface, making it very suitable for novices to use. Unfortunately, it seems that updates have stopped recently, and the official website seems to be unable to be accessed normally.

Main features:

Fast: small size, fast loading speed

Open source: open source code, high level, high quality

Bottom layer: built-in automatic Define DOM class library and accurately operate DOM

Extension: Plug-in-based design, all functions are plug-ins, and functions can be increased or decreased according to needs

Style: It is very easy to modify the editor style, just Modify a CSS file

Compatibility: Supports most mainstream browsers, such as IE, Firefox, Safari, Chrome, Opera

4. Alibaba’s KISSY

Strictly speaking, KISSY is not just an online HTML editor, but an open source JS framework initiated and created by the front-end engineers of Alibaba Group. It has the characteristics of cross-terminal, modularity and simple use. It contains the HTML editor module.

Because KISSY adopts a modular design, it has the advantages of high scalability, complete components, consistent interfaces, independent development, and is suitable for a variety of application scenarios. In addition to a complete set of tools such as DOM, Event, Ajax, Anim, etc., KISSY is also uniquely designed for team collaboration and provides classic object-oriented, dynamic loading, and performance optimization solutions. As a JavaScript framework supported by all terminals, KISSY has also made a lot of adaptations and optimizations for mobile terminals. Those engaged in mobile web development can study the use of KISSY.

The above online HTML editors are very easy to use and are free. If you need to use an online HTML editor when developing, you can refer to these and choose the one you like.

Related recommendations:

Online HTML Editor

Online HTML Editor Solution

Flat and fresh online HTML editor

The above is the detailed content of Four easy-to-use free online HTML editors. For more information, please follow other related articles on the PHP Chinese website!