This page has been robot translated, sorry for typos if any. Original content here.

HTML Writers HTML Writers

WYSIWYG HTML редакторы

WYSIWYM is an abbreviation of the English language What You See Is What You Mean (what you see is what you mean), the document editing paradigm that emerged as an alternative to the more widespread WYSIWYG paradigm. In the WYSIWYM editor, the user specifies only the logical structure of the document and the content itself. The execution of the document, its final appearance is assigned to a separate software, or, in any case, rendered in a separate unit. Thus, the content of the document is completely independent of its form.

WYSIWYG (pronounced [wɪziwɪɡ] , is an abbreviation of the English What you See Is What You Get, "what you see is what you get") is the property of application programs or web interfaces in which content is displayed during editing and looks as close as possible on the final product, which can be a printed document, web page or presentation. Currently, for such programs, the concept of "visual editor" is also widely used.

Visualization of code has long been not a priority for developers. This article lists the WYSIWYG editors that are currently used for this purpose. They will make your work easier and faster. And which is the best one?

Atom.io

Atom.io - WYSIWYG HTML редакторы

If you need the best HTML editor WYSIWYG, which reduces the time spent on composing code or editing it 10 times, it's Atom. Try it and you will be grateful. Atom.io is free, and it was created by the Github team.

Another tool worthy of praise is Coda, a very cool editor for Mac users. It has a perfect and beautiful interface, but it costs $ 99. At the moment I prefer Atom!

Over the years, many editors have been created, but only a few have remained at a high level or have become even better. Atom.io is used by all my friends by programmers, and I also choose it.

NicEdit

Demo version | Download

NicEdit - WYSIWYG HTML редакторы

NicEdit is an alternative to more voluminous and complex visual editors, it is small in size.

It also boasts many editor functions, and this WYSIWYG online editor is easy to integrate into the site.

TinyMCE

Demo version | Download

TinyMCE - WYSIWYG HTML редакторы

TinyMCE is a WYSIWYG HTML editor with open source, written in JavaScript.

It is easy to integrate and easy to configure with themes and plug-ins.

TinyMCE is one of the most "complete" editors offering functionality similar to MSWord.

CKEditor

Demo version | Download

CKEditor - WYSIWYG HTML редакторы

CKEditor is an updated version of FCKEditor, which was previously the industry leader.

It was based on the desire to correct errors FCKEditor.

The result was a visual editor with high performance, which offers editing functions comparable in level with MSWord and Open Office.

YUI Rich Text Editor

Demo version | Download

YUI Rich Text Editor - WYSIWYG HTML редакторы

WYSIWYG editor for the YUI Rich site is an interface control from Yahoo, it turns a simple text panel into a full-featured WYSIWYG editor.

The tool is delivered in several versions of different levels of complexity and with different functions, but in each of them the authors manage to achieve excellent ergonomics (without the accumulation of buttons that clog the interface).

MarkItUp!

Demo version | Download

MarkItUp! - WYSIWYG HTML редакторы

Markitup is a jQuery plugin that allows you to turn textareas into markup editors at your discretion.

The syntax of HTML, Wiki and BBcode is just a few of the supported options.

Markitup is not a WYSIWYG editor, but that does not mean that it does not offer all the necessary functions. It is also compact and easy to use.

FreeTextBox

Demo version | Download

FreeTextBox - WYSIWYG HTML редакторы

FreeTextBox - online HTML editor WYSIWYG, specifically designed for ASP.NET.

The appearance of the editor is very similar to Microsoft Word.

The free version does not implement several advanced features, but the available set is more than enough for full-fledged work.

MooEditable

Demo version | Download

MooEditable - WYSIWYG HTML редакторы

MooEditable provides a simple but effective functionality that is implemented on the basis of a well-written JavaScript library.

If you are a fan of Mootools, then you will not have any problems with this.

OpenWysiwyg

Demo version | Download

OpenWysiwyg - WYSIWYG HTML редакторы

OpenWYSIWYG is a cross-browser simple WYSIWYG editor with all the necessary functions.

It has a beautiful user interface, which includes pop-up elements and buttons.

One of its distinctive features is a well-implemented work with tables.

At the same time, Google Chrome OpenWYSIWYG is still not supported.

jHtmlArea

Demo version | Download

jHtmlArea - WYSIWYG HTML редакторы

jHtmlArea is another WYSIWYG editor, designed as a plug-in for the popular JQuery library.

It is easy to use, and contains only the most necessary options.

This makes it very easy to configure all of its components: from appearance to language.

Etymology

OpenWysiwyg - WYSIWYG HTML редакторы
The program on the left uses the visual editor to create the Lorem ipsum document. The program on the right contains LaTeX code, which when compiled creates a document that will be very similar to the document on the left. Compiling formatted code is not a WYSIWYG process.

The phrase was coined by the engineer Information International, Inc. (Triple-I) by Larry Sinclair to express the idea that what the user sees on the screen, he receives on the printer using the "Page Layout System". "Page Layout System" is a pre-press document system first shown on the ANPS in Las Vegas.

The phrase became popular due to the newsletter called "WYSIWYG". Its authors were Arlene and Jose Ramos (Arlene and Jose Ramos). This bulletin was created for the industry of new prepress systems, which was switched to electronic format in the late 1970s. After three years of publication, the bulletin was sold to the staff of the Stanford Research Institute in California.

List of WYSIWYG HTML-code editors

  • Adobe GoLive
  • Adobe (Macromedia) Dreamweaver
  • Namo Webeditor
  • Microsoft FrontPage
  • Microsoft SharePoint Designer
  • Microsoft Expression Web
  • Mozilla Composer
  • Quanta Plus
  • Kompozer (based on Nvu)
  • WYSIWYG Web Builder 10
  • Web Page Maker
  • …and others

Based on JavaScript (embedded in a web page)

  • Webix [en] - a library of javascript components with a form editor Rich text
  • TinyMCE
  • CKeditor (former FCKeditor)
  • CLEditor
  • NicEdit
  • elRTE
  • Spaw
  • Xinha
  • dijit.Editor - javascript-widget widget Dojo Toolkit

Via internet-technologies.ru & wiki