wysihtml is an extended and less strict approach on xing/wysihtml5 open source rich text editor based on HTML5 technology. The code is completely library agnostic: No jQuery, Prototype or similar is required.
This project is supported by Voog.
- Project page with simple demo: http://wysihtml.com
- Minimal demo: https://voog.github.com/wysihtml/examples/simple.html
- Advanced demo: https://voog.github.com/wysihtml/examples/advanced.html
- Editable GitHub page: https://voog.github.com/wysihtml
- Or try it on a working app: https://www.voog.com
- Auto linking of urls as-you-type.
- Generates valid and semantic HTML5 markup (no
<font>
tags). - Can use class-names instead of inline styles.
- Unifies line-break handling across browsers (hitting enter will create
<br>
instead of<p>
or<div>
). - Auto-parses content inserted via copy & paste (from Word, Powerpoint, PDF, other web pages, etc.).
- Converts invalid or unknown html tags into valid/similar tags.
- Source code view for users with HTML skills.
- Uses sandboxed iframes in order to prevent identity theft through XSS.
- Editor inherits styles and attributes (
placeholder
,autofocus
, etc.) from original textarea (you only have to style one element). - Speech-input for Chrome.
Extended features not present in xing/wysihtml5:
- Can be used without iframe sandbox when initiated on
<div>
instead of<textarea>
. - Blocking of image drag drop in editable is removed.
- Table insertion management and cell merging commands.
- Improved parser with options to: unwrap tag instead of remove, keep defined styles, complex object type definitions for allowing elements.
- Ability to add uneditable area inside editor text flow (useful when building modules like video tools, advanced image editor etc).
- Improved formatblock handling.
- Ability for user to remove formating with only collapsed caret without having to select exactly whole text.
- Improved speed.
- Anchor creating and removing logic changed to more universal.
- Default build is without internal toolbar functions and build with
-toolbar
suffix contains default toolbar functions.
The rich text editing interface is supported in IE9+, FF 29+, Safari 5+, Safari on iOS 5+, Opera 12+ and Chrome. Graceful Degradation: Users with other browsers will see the textarea and are still able to write plain HTML by themselves.
wysihtml can be initialized and built using node package manager:
npm install
npm run build
This adds dependencies (first line) and builds both minified and development versions (second line), including one with toolbar support.
See the list of contributors here.