TIP: Try navigating through list using left & right arrow keys
w

wysihtml5

Open source rich text editor based on HTML5 and the progressive-enhancement approach. Uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles.

6576
Github issues
298
Github stars
8 days ago
Github last update date

h1. This project isn't maintained anymore

Please check out this "fork":http://wysihtml.com.

h1. wysihtml5 0.3.0

wysihtml5 is an open source rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inline styles. The code is completely library agnostic: No jQuery, Prototype or similar is required.

This project was initiated and is supported by the "XING AG":https://www.xing.com. Thanks!

h2. Features

  • Auto linking of urls as-you-type
  • Generates valid and semantic HTML5 markup (no )
  • Uses class-names instead of inline styles
  • Unifies line-break handling across browsers (hitting enter will create
    instead of

    or

    )
  • Auto-parses content inserted via copy & paste (from Word, Powerpoint, PDF, other web pages, ...)
  • 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, ...) from original textarea (you only have to style one element)
  • Speech-input for Chrome

h2. Browser Support

The rich text editing interface is supported in IE8+, FF 3.5+, Safari 4+, Safari on iOS 5+, Opera 11+ and Chrome. Graceful Degradation: Users with other browsers will see the textarea and are still able to write plain HTML by themselves.

h2. Demos

h2. Companies using wysihtml5

h2. Wiki

Check our "Wiki Pages":https://github.com/xing/wysihtml5/wiki including a simple "Getting Started Tutorial":https://github.com/xing/wysihtml5/wiki/Getting-Started.

h2. Research

Before starting wysihtml5 we spent a lot of time investigating the different browsers and their behaviors.

Check this repository: "https://github.com/tiff/wysihtml5-tests":https://github.com/tiff/wysihtml5-tests

A compatibility table for rich text query commands can be found here: "http://tifftiff.de/contenteditable/compliance_test.html":http://tifftiff.de/contenteditable/compliance_test.html

A pure native rich text editor with HTML validator and live source preview is here: "http://tifftiff.de/contenteditable/editor.html":http://tifftiff.de/contenteditable/editor.html

h2. Contributors

Buy us a coffeeBuy us a coffee