UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

jquery文本编辑器插件Summernote

所属分类：输入-丰富的输入

 76884  358  查看评论 (25)
分享到微信朋友圈
X
jquery文本编辑器插件Summernote ie兼容10
 查看演示  website  立即下载

更新时间：2016-04-20

Summernote是一个超级简单的WYSIWYG编辑器。它是开源的、安装调整方便。

特性

  • 轻量级(Summernote:30 kb)

  • 智能用户交互

  • 自定义初始化选项

  • Safari,Chrome,Firefox、Opera

  • Internet Explorer 9 +(IE8支持即将到来)


注意:demo和下载文件引用的外部文件bootstrap，font-awesome(codemirror.css, codemirror.js, xml.js, formatting.js)因外网被墙原因需要自己修改下新的引用地址。

获取内容

$('#summernote').summernote('code')

然后您可以通过该summernote方法使用编辑器API 。这是插入“hello world”文本的示例代码

$('#summernote').summernote('insertText', 'hell222o world');

焦点

将焦点设置在当前的summernote中

$('#summernote').summernote('focus');
相关插件-丰富的输入
查看更多

电子签章电子签名

 H5画板实现电子签名可生成图片,代码简单注释全
  丰富的输入
 38629  435

jQuery的在线涂鸦插件wPaint

 wPaint.js一个不错的在线实时绘图jQuery插件.提供了能够加载和保存绘制的图像绘制图像。它是基于HTML5的canvas。
  丰富的输入
 42024  350

jquery仿牛客网的在线测评考试

 实现在线模拟测评,仿照的是牛客网的测评页面
  丰富的输入
 41807  435

vue健康问卷调查（原创）

 vue实现移动端问卷调查，健康自测等等
  丰富的输入
 30814  339

讨论这个项目（25）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    suzhouxujia 0
    2019/7/31 11:37:17
    我想问一下，里面内容的长度怎么控制啊
        灭霸媳妇0
        2019/7/31 11:59:06

        可以自己写个方法，判断内容长度，前台验证完，后台还要在验证一次

    回复
    最熟悉的陌生人 0
    2018/8/24 16:17:48
    我想问一下，里面内容的长度怎么控制啊 回复
    KunKing 0
    2018/5/30 21:42:31
    想问下，添加本地图片的话，$('#summernote').summernote('code')获取的不是一个正常路径怎么办 回复
    KunKing 0
    2018/5/30 21:34:59
    解决了我的问题，十分感谢 回复
    有个名字真好 0
    2018/4/3 23:09:59
    请问这个显示得话我用文本编辑了存放如数据库读取出来是一样得嘛
    回复
    深渊 0
    2018/2/2 20:25:39
    BiuBiu ? 0
    2018/1/10 15:42:44

    我为什么删除不了之前放的视频呢

    回复
    听风 0
    2017/9/19 16:32:02

    能把图片等内容回显在富文本里面吗？

    回复
    戴金标 0
    2017/8/15 14:45:37

    有人知道这个版本重写图片那个插入图片引用的代码吗？

    我试过官网最新API：

    $('#note2').summernote('insertNode', "D:/project/rms/upload/20170815/03020208_01_20170815142618120-2021100138.png");
insertImage
editor.insertImage

    这3个都不行

    回复
    疯狂的猿猴 0
    2017/8/5 19:46:14

    后台$_post获取不到内容

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复