jQuery文本编辑器插件summernote

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

 85101  454  查看评论 (66)
分享到微信朋友圈
X
jQuery文本编辑器插件summernote ie兼容9

使用方法

引用以下文件

<link rel="stylesheet" href="http://www.jq22.com/jquery/bootstrap-3.3.4.css">
<link href="dist/summernote.css" rel="stylesheet"/>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="http://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
<script src="dist/summernote.js"></script>
<script src="dist/lang/summernote-zh-CN.js"></script>    <!-- 中文-->

html

<div class="summernote"></div>

调用插件

$(function(){
 $('.summernote').summernote({
        height: 800,
        tabsize: 2,
        lang: 'zh-CN'
    });
})

获取值

 alert($('.summernote').summernote('code'));
相关插件-丰富的输入

jQuery移动端车牌号码输入

jQuery移动端车牌号码输入支持新熊源车号
  丰富的输入
 19555  208

纯CSS3打造逼真的苹果(Apple)电脑键盘

这是一款使用纯CSS3制作的效果非常逼真的苹果(Apple)电脑键盘效果。该苹果电脑键盘可以通过按真实键盘上的相应键来触发虚拟键盘上的键,按键被按下时有逼真的动画效果。
  丰富的输入
 32398  342

jquery屏幕键盘插件Virtual Keyboard

一个在浏览器的jQuery屏幕键盘(OSK)插件,。
  丰富的输入
 35519  360

EmojiOne表情符号所见即所得的文本编辑器

emojionearea.js是一款可集成EmojiOne表情符号的所见即所得的jQuery文本编辑器插件。emojionearea.js允许你将任何的HTML元素转换为WYSIWYG文本编辑器,并且它能够在编辑器中使用Emojione图标。
  丰富的输入
 43704  343

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

    痕迹 0
    2020/10/15 9:24:41
    请教一下,我碰到一个问题,编辑器内容有缩略图在ios端小程序是显示不了的,这个该怎么解决? 回复
    平平淡淡 0
    2020/7/16 9:36:58
    可以验证长度吗 回复
    ╀??耆A 0
    2020/7/11 17:33:16
    视频怎么出入呢?点击插入视频什么都没显示 回复
    0
    2020/6/28 13:28:32
    怎样设置字体下拉框中的显示是中文的?,比如宋体,仿体等等
        BattleofLexington1
        2020/6/28 13:56:29

        summernote.js中第7734行加入自己想要的。

        fontNames: [
            'Arial', 'Arial Black', 'Comic Sans MS', 'Courier New',
            'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande',
            'Tahoma', 'Times New Roman', 'Verdana', '宋体'
        ],
    回复
    |.逍遥ギ¤沉默∮ 0
    2020/5/17 10:08:58
    3M图片转base64后太大了,能压缩一下吗?怎么压缩? 回复
    0
    2020/5/12 9:41:00
    怎么修改上传图片的地址呢? 回复
    mail 0
    2020/1/9 17:26:24

    有没有人试过

    Uncaught TypeError: a.modal is not a function
        at Object.showDialog (summernote.min.js:2)
        at Object. (summernote.min.js:4)
        at Function.Deferred (jquery.min.js?time=1578561594439:2)
        at LinkDialog.showLinkDialog (summernote.min.js:4)
        at LinkDialog.show (summernote.min.js:4)
        at Context.invoke (summernote.min.js:2)
        at HTMLButtonElement. (summernote.min.js:2)
        at HTMLButtonElement.dispatch (jquery.min.js?time=1578561594439:4)
        at HTMLButtonElement.r.handle (jquery.min.js?time=1578561594439:4)
    回复
    落叶~归根 0
    2019/8/28 18:00:51
    图片有本地上传功能,视频有没有本地上传功能,显示本地上传按钮的那种 回复
    孙志豪 0
    2019/8/13 17:26:46
    我知道如何取到这个富文本框的值了,但是我希望用修改功能时,如何将值写进富文本框之中
        ?丑八怪?0
        2019/8/22 14:52:59
        我也不知道
        小智0
        2021/2/3 10:43:15
        去看官方的API 有这部分说明的
    回复
    suzhouxujia 0
    2019/7/31 15:51:41
    可以验证长度吗 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复