论坛首页 Web前端技术论坛

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

浏览 4570 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-05-02  

日期: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富文本编辑器

   发表时间:2013-05-10   最后修改:2013-05-10
谢谢分享,很简约,很方便,短小精悍,由衷的佩服啊。俺要多研究研究。。。
0 请登录后投票
   发表时间:2013-05-10  
我以为是楼主写的呢。好强啊。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics