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

2024-10-15 21:12:18

小程序码

文章目录

热门文章

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

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

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

文档：一个案例学会fastadmin插件开发 148

php基础入门课程资料文档课件 134

表单验证：密码和确认密码的验证和文字提示 76

百题斩：用递归方式扁平化嵌套数组 67

百题斩：字符串的逆序函数 60

案例代码：用油猴脚本统计b站课堂课程总时长 59

使用ffmpeg把mp4转为加密后的m3u8文件 55

![](https://resource.maoshu.fun/storage/default/20241015/imageefba4de43a01308f0f482c9e72c56cffb48c643e.png?e=1732495718&token=Ov7mXAv_8azPtTTXXyhh0S5qpDFEhafGpHARTAg2:lNtTVuXc4xPRWWbKZL6TnDxgiGU=)

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

`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');
            });
        }
    }
}
```