Summernote富文本编辑器怎么自定义高度和配置

2024-10-15 21:12:18

小程序码

扫一扫在手机上看此文章

文章目录

热门文章

vscode里如果出现中文空格标出黄色突出显示，怎么去掉？ 1528

php基础入门课程资料文档课件实战源码 1301

wordpress主题开发文档资料下载 960

vscode插件code runner详细配置说明 957

php进阶课程文档资料下载 796

整理下php学员遇到的一些问题 733

fastadmin监听或重写删除编辑按钮事件 709

phpstudy怎么手动安装php8.3.0版本？ 663

使用ffmpeg将mp4格式转为m3u8 661

推荐2款mac电脑里非常好用的php集成开发环境 580

![](https://resource.maoshu.fun/storage/default/20241015/imageefba4de43a01308f0f482c9e72c56cffb48c643e.png?e=1739503012&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:j_UbC0BcUjD-MopBFZ6VF-Ng4Uk=)

其实非常简单，只需要加属性即可：

`data-summernote-options`
 
例如：修改高度

在对应的textarea里加属性

```js
data-summernote-options='{ "minHeight": 150}'
```

所有属性包括这些：
```js

minHeight: 250,
lang: 'zh-CN',
fontNames: [
    'Arial', 'Arial Black', 'Serif', 'Sans', 'Courier',
    'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande',
    "Open Sans", "Hiragino Sans GB", "Microsoft YaHei",
    '微软雅黑', '宋体', '黑体', '仿宋', '楷体', '幼圆',
],
fontNamesIgnoreCheck: [
    "Open Sans", "Microsoft YaHei",
    '微软雅黑', '宋体', '黑体', '仿宋', '楷体', '幼圆'
],
toolbar: [
    ['style', ['style', 'undo', 'redo']],
    ['font', ['bold', 'underline', 'strikethrough', 'clear']],
    ['fontname', ['color', 'fontname', 'fontsize']],
    ['para', ['ul', 'ol', 'paragraph', 'height']],
    ['table', ['table', 'hr']],
    ['insert', ['link', 'picture', 'video']],
    ['select', ['image', 'attachment']],
    ['view', ['fullscreen', 'codeview', 'help']],
],
buttons: {
    image: imageButton,
    attachment: attachmentButton,
},
dialogsInBody: true,
followingToolbar: false,
callbacks: {
    onChange: function (contents) {
        $(this).val(contents);
        $(this).trigger('change');
    },
    onInit: function () {},
    onImageUpload: function (files) {
        var that = this;
        //依次上传图片
        for (var i = 0; i < files.length; i++) {
            Upload.api.send(files[i], function (data) {
                var url = Fast.api.cdnurl(data.url, true);
                $(that).summernote("insertImage", url, 'filename');
            });
        }
    }
}
```

铜牌 · 会员

50元/年

解锁全部文章

全部课程8折购买

如果在b站充值了专属会员，可联系猫叔直接开通相同时间的此会员

金牌 · 会员

399元/3个月

解锁全部文章

全部课程5折购买

微信一对一答疑

优先解决问题