List Headline Image
Updated by Nick Kellet on Nov 13, 2015
Nick Kellet Nick Kellet
Listly Curator Listly Curator
Listly Listly
3 items   3 followers   0 votes   3.57k views

Rich Text with Twitter Bootstrap wysiwyg Editors

wysiwyg editor themes - WrapBootstrap: Themes for Twitter Bootstrap

Bootstrap Live Editor is a rich text editor component for sites running Twitter's Bootstrap front-end framework.

Written in JavaScript and HTML 5, this editor allows easy text editing but also comes integrated with many of Bootstrap's options.

Based on the InnovaStudio WYSIWYG Editor, this component will reduce development overhead of Bootstrap components.

Tiny, opensource, Bootstrap WYSIWYG rich text editor from MindMup

This tiny (5KB, < 200 lines) jQuery Bootstrap plugin turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5. Here are the key features:

Automatically binds standard hotkeys for common operations on Mac and Windows
Drag and drop files to insert images, support image upload (also taking photos on mobile devices)
Voice dictation input (only in Chrome)
Allows a custom built toolbar, no magic markup generators, enabling the web site to use all the goodness of Bootstrap, Font Awesome and so on...
Does not force any styling - it's all up to you
Uses standard browser features, no magic non-standard code, toolbar and keyboard configurable to execute any supported browser command
Does not create a separate frame, backup text areas etc - instead keeps it simple and runs everything inline in a DIV
(Optionally) cleans up trailing whitespace and empty divs and spans
Requires a modern browser (tested in Chrome 26, Firefox 19, Safari 6, reported by users to work in IE10)
Supports mobile devices (tested on IOS 6 Ipad/Iphone and Android 4.1.1 Chrome)


bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap