Online Rich-text Editor
   HOME

TheInfoList



OR:

An online rich-text editor is the interface for editing rich text within
web browser A web browser, often shortened to browser, is an application for accessing websites. When a user requests a web page from a particular website, the browser retrieves its files from a web server and then displays the page on the user's scr ...
s, 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 valid HTML 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, and most major browsers now implement this informal standard in some capacity. The technical capabilities needed to implement an online rich text editor were not covered by the
W3C The World Wide Web Consortium (W3C) is the main international standards organization for the World Wide Web. Founded in 1994 by Tim Berners-Lee, the consortium is made up of member organizations that maintain full-time staff working together in ...
specifications for HTML4. Nevertheless, popular services like
Gmail Gmail is the email service provided by Google. it had 1.5 billion active user (computing), users worldwide, making it the largest email service in the world. It also provides a webmail interface, accessible through a web browser, and is also ...
and
WordPress WordPress (WP, or WordPress.org) is a web content management system. It was originally created as a tool to publish blogs but has evolved to support publishing other web content, including more traditional websites, electronic mailing list, ma ...
have relied on rich text editing as their main user interface. With
HTML5 HTML5 (Hypertext Markup Language 5) is a markup language used for structuring and presenting hypertext documents on the World Wide Web. It was the fifth and final major HTML version that is now a retired World Wide Web Consortium (W3C) recommend ...
, some standardization was made on a DOM property called "contentEditable"—which resembles Internet Explorer's original extension. Many of the online office suites tend to provide online text editing and formatting functionality.


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.


Implementations

Inline editors differ from normal editors as they can edit the content directly, without placing it inside another element, frequently with a `contenteditable` attribute. These editors include Aloha Editor, CKEditor, SnapEditor and TinyMCE. Editors that use an , to avoid styling conflicts, include CKEditor, Dijit Editor and TinyMCE.


See also

* Text editor


References


External links

{{DEFAULTSORT:Online Rich-Text Editor Text editors Web applications