Online rich-text editor

An online rich-text editor is the interface for editing rich text within web browsers,
which presents the user with a "what-you-see-is-what-you-get" (WYSIWYG)
editing area. The aim is to reduce the effort for users trying to express their
formatting directly as validHTML markup.

Though very early browsers could display rich text, user data entry was limited to
text boxes with a single font and style (implemented with the <textarea> HTML
element). Internet Explorer was the first to add a special "designMode" which
allowed formatted parts of a document to be edited by the user using a cursor.
Mozilla followed suit in version 1.3,[1] and most major browsers now implement this
Content being edited in theAmaya
informal standard in some capacity.[2] online rich-text editor

The technical capabilities needed to implement an online rich text editor are still not
covered by the W3C specifications for HTML4. Nevertheless, popular services like Gmail and WordPress rely on rich text editing as
their main user interface. For HTML5, some standardization is being made on a DOM property called "contentEditable"—which
resembles Internet Explorer's extension.[3] Many of the Online office suites tend to provide online text editing and formatting
functionality.

Contents
Approach
Implementations
References
External links

Approach
The majority of online rich text editors use an iframe element for the content area. This way the content inside the editor is separate
from the rest of the page, because it is in a different document. The benefit from this separation is that the editor can be used
anywhere on the site (e.g. in an admin area) while still maintaining the content styles the users expect to see when the content is
published (e.g. in a public area).

Some editors use div elements for their content area. This way the editor content inherits the same style as the rest of the page,
because it is in the same document. This approach is mainly used when the users need to edit content "in-place", preserving the
overall layout of the page. Examples of such "in-place" editors are the DotNetNuke CMS[4] and the SharePoint Web Content
Management scenario.

Implementations
Inline editors differ from normal editors as they can edit the content directly, without placing it inside another element, often with a
`contenteditable` attribute. These editors include Aloha Editor, CKEditor, SnapEditor and TinyMCE.[5] Editors that use an
iframe, to avoid styling conflicts, includeCKEditor, Dijit Editor and TinyMCE.
Other notable editors include WYMeditor (an Open-source XHTML editor focusing on semantic markup), YUI Rich Text Editor (a
Yahoo! rich text editor component) andVisualEditor (a MediaWiki extension).

References
1. "Rich-Text Editing in Mozilla" (https://developer.mozilla.org/en/docs/Rich-Text_Editing_in_Mozilla).
developer.mozilla.org.
2. "RE: HTML Action Item 54 - ...draft text for HTML 5 spec to require producers/authors to include @alt on img
elements. from Frederico Caldeira Knabben on 2008-05-14 (public-html@w3.org from May 2008)" (https://lists.w3.or
g/Archives/Public/public-html/2008May/0294.html) . Lists.w3.org. Retrieved 2010-09-23.
3. "7 User interaction — HTML5"(http://www.w3.org/TR/html5/editing.html). W3.org. Retrieved 2010-09-23.
4. "About DNN - DNN Company Overview - DNN (DotNetNuke)"(http://www.dotnetnuke.com/LinkClick.aspx?fileticket=
y6yzmyUhbsM=&tabid=874&mid=2653). Retrieved 27 December 2016.
5. "TinyMCE | Editor Appearance"(https://www.tinymce.com/docs/configure/editor-appearance/#inline).
www.tinymce.com. Retrieved 2016-07-05.

External links
Retrieved from "https://en.wikipedia.org/w/index.php?title=Online_rich-text_editor&oldid=830695119
"

This page was last edited on 16 March 2018, at 12:01.

Text is available under theCreative Commons Attribution-ShareAlike License ; additional terms may apply. By using this
site, you agree to the Terms of Use and Privacy Policy. Wikipedia® is a registered trademark of theWikimedia
Foundation, Inc., a non-profit organization.