Bootstrap 3上的Bootstrap wysiwyg textarea编辑器

我正在寻找Bootstrap 3的wysiwyg textarea编辑器。我在Google上find的所有东西都只能在Bootstrap 2下运行。有没有人为Bootstrap 3编写一个简单的wysiwyg Edtor?

Solutions Collecting From Web of "Bootstrap 3上的Bootstrap wysiwyg textarea编辑器"

令人敬畏的Summernote

超级简单的所见即所得的编辑器在引导3

<textarea name="summernote" id="summernote" cols="30" rows="10"></textarea> 

致电Summernote

 $('#summernote').summernote({height: 300}); 

演示jsfiddle

超级简单的所见即所得的编辑器在引导3

感谢wysihtml5的提示。 我find了Bootstrap 2和wysihtml5的解决scheme: bootstrap-wysihtml5 。 我更新到Bootstrap 3: bootstrap3-wysihtml5 。

我在我的一个Bootstrap 3项目中使用了wysihtml5 ,工作正常。 也许只是调整了一些图标,使它看起来不错。

只是为了logging。 我添加了bootstrap-wysihtml5的一个分支:

https://github.com/Waxolunist/bootstrap3-wysihtml5-bower

 bower install bootstrap3-wysihtml5-bower 

旧的似乎不被保留。 这是一个。 拉请求欢迎。

为了帮助编辑Bootstrap3或Foundation框架下的HTML代码,我一直在开发一种直观的,但不是wysiwyg的应用程序,对deviseCSS的outlook不起作用,但可以用来方便地更改布局: http:// www。 mkrrf-it.com/cloedit/

我build议

http://www.web-forge.info/projects/materialNote

它具有重做和撤销能力和HREF,表和媒体控制顺利加上有字体

多么酷啊