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

jquery文本编辑器插件Summernote

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

 75900  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');
相关插件-丰富的输入
查看更多

jQuery模态窗 留言板（原创）

 窗口可拖动，留言可以添加删除
  丰富的输入
 32871  346

jQuery多功能网页键盘插件

 jQuery网页键盘插件，可移动，可输入汉字的多功能键盘
  丰富的输入
 16657  224

jQuery答题测试(原创)

 点击左右键，左右滑动可切换题目，已答题数目和总题目数，交卷
  丰富的输入
 36925  365

电子签章电子签名

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

讨论这个项目（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获取不到内容

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