HTML5 WYSIWYG Editor
WYSIWYG or What You See Is What You Get editors are common in all web projects. The Wysihtml5 is the WYSIWYG Editor for HTML5. Wysihtml5 is an open source rich text editor based on HTML5 . It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
Features
- It’s fast and lightweight (smaller than TinyMCE, Aloha, …)
- Auto-linking of urls as-you-type
- Generates valid and semantic HTML5 markup (even when the content is pasted from MS Word)
- Uses class names instead of inline styles
- Unifies line break handling across browsers
- Uses sandboxed iframes in order to prevent identity theft through XSS
- Speech-input for Chrome
- No jQuery required
Supports Firefox 3.5+, Chrome,
WYSIWYG or What You See Is What You Get editors are common in all web projects. The Wysihtml5 is the WYSIWYG Editor for HTML5. Wysihtml5 is an open source rich text editor based on HTML5 . It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
Features
- It’s fast and lightweight (smaller than TinyMCE, Aloha, …)
- Auto-linking of urls as-you-type
- Generates valid and semantic HTML5 markup (even when the content is pasted from MS Word)
- Uses class names instead of inline styles
- Unifies line break handling across browsers
- Uses sandboxed iframes in order to prevent identity theft through XSS
- Speech-input for Chrome
- No jQuery required
Supports Firefox 3.5+, Chrome,
WYSIWYG or What You See Is What You Get editors are common in all web projects. The Wysihtml5 is the WYSIWYG Editor for HTML5. Wysihtml5 is an open source rich text editor based on HTML5 . It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.
Features
- It’s fast and lightweight (smaller than TinyMCE, Aloha, …)
- Auto-linking of urls as-you-type
- Generates valid and semantic HTML5 markup (even when the content is pasted from MS Word)
- Uses class names instead of inline styles
- Unifies line break handling across browsers
- Uses sandboxed iframes in order to prevent identity theft through XSS
- Speech-input for Chrome
- No jQuery required
Supports Firefox 3.5+, Chrome, IE 8+, Safari 4+, Safari on iOS 5+, Opera 11+. And it provides a gracefull degradation on unsupported browsers and the user will get a simple textarea.
Get started: Download the latest version and read the introduction
There is also another WYSIWYG editor based on this editor for Twitter Bootstrap framework. You can use the editor as a module in Bootstrap.
Detailed Installation instruction is in github
Related articles
- WYSIHTML5 – A Better Approach To Rich Text Editing (functionn.blogspot.com)
- Wysiwyg (alexmaccaw.com)
- How to build a desktop WYSIWYG editor with WebKit and HTML 5 – Ars Technica (michdelorme.wordpress.com)
- Introduction of Html (sabeetha.wordpress.com)
- Show HN: WYSIWYG-editing Markdown with Hallo Editor (bergie.github.com)
- Sencha Architect 2: A WYSIWYG IDE for Building Desktop and Mobile HTML5 App (infoq.com)
