bootstrap-wysiwyg: 迷你的Bootstrap的所见即所得的HTML富文本编辑器

日期:2013-5-1  来源:GBin1.com

bootstrap-wysiwyg: 迷你的Bootstrap的所见即所得的HTML富文本编辑器

在线演示

如果你寻找一款boostrap的HTML富文本编辑器的话,这里推荐一款超简单的富文本编辑器 - bootstrap-wysiwyg。

主要特性

  • 超小5kb
  • 自动的热键支持(MAC和windows)
  • 拖放的插入图片,支持图片上传(支持手机拍照)
  • 支持声音输入(chrome支持)
  • 允许自定义的工具条,可以使用所有的bootstrap内容,字体
  • 不使用任何强制的样式
  • 使用标准的浏览器特性,没有非标准的使用代码,工具条和按键可以执行任何支持浏览器的命令
  • 不创建任何的iframe,textarea,使用简单的行内div
  • 可选的清楚空白和空div和span
  • 支持现代浏览器(Chrome 26,Firefox 19,Safari 6,  IE10)
  • 支持移动设备( IOS 6 Ipad/Iphone and Android 4.1.1 Chrome)

如何使用

$('#editor').wysiwyg();

保证样式如下:

#editor {overflow:scroll; max-height:300px}

网站地址:http://mindmup.github.io/bootstrap-wysiwyg/

来源:bootstrap-wysiwyg: 迷你的Bootstrap的所见即所得的HTML富文本编辑器

相关文章

前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...
(1)modal声明一个模态框(2)modal-dialog定义模态框尺寸(...
图片在Bootstrap版本3中,通过为图片添加 .img-responsive ...
<inputtype="text"class="form-controlda...
目录bootstrap-treeview使用小记零、写在前面的话一、功能说...