https://github.com/tiff/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.
https://github.com/tiff/wysihtml5

Last synced: about 1 month ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/tiff/wysihtml5
• Owner: tiff
• License: mit
• Archived: true
• Created: 2011-06-20T09:07:20.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2016-04-02T13:08:16.000Z (over 8 years ago)
• Last Synced: 2024-09-21T15:58:20.969Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://xing.github.com/wysihtml5/
• Size: 6.06 MB
• Stars: 6,489
• Watchers: 169
• Forks: 1,001
• Open Issues: 298
• Metadata Files:
  • Readme: README.textile
  • Changelog: CHANGELOG.textile
  • License: LICENSE

Awesome Lists containing this project

• awesome-starred - tiff/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 t (others)

README

        
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

* "Simple Editor with italic and bold buttons":http://xing.github.com/wysihtml5/examples/simple.html

* "Editor with advanced functionality":http://xing.github.com/wysihtml5/examples/advanced.html

h2. Companies using wysihtml5

* "Basecamp":http://basecamp.com - Leading web-based project management and collaboration tool

* "XING":https://www.xing.com - Business Social Network with more than 12 million members

* "Qype":http://www.qype.com - Largest user-generated local review site in Europe

* and many more ...

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

* "@tiff":https://github.com/tiff

* "@ingochao":https://github.com/ingochao

* "@uwe":https://github.com/uwe