摘要：需求控制编辑框上传的图片不超过。从文件中找到如下图代码位置，选取需要上传的图片，获取图片的大小，将其当做新增参数，给标签新增属性。我的解决方法就是将在中加载出来的模态框中，关闭按钮的属性替换成代码的事件，用来隐藏模态框，如下图所示。
这里先看一下summernote.js模样，如下图，可以添加图片、视频、链接等。
需求：控制编辑框上传的图片不超过10M。
从summernote.js文件中找到如下图代码位置，选取需要上传的图片，获取图片的大小，将其当做新增参数（size），给img标签新增data-filesize属性。
在编辑框添加完图片之后，生成的HTML就如下图所示。
获取img标签的data-filesize属性，求编辑框中所有图片的大小，判断一下即可。
上面的操作是判断编辑框中添加的所有图片的大小不超过10M
下面如图，在选择图片的时候添加如下判断，只是对本次上传的单张或多张图片的大小进行判断
如下图所示，当点击子模态框的关闭按钮时，连同父模态框也一同关闭。
我的解决方法就是将在summernote.js中加载出来的模态框中，‘关闭’按钮的data-dimiss属性替换成js代码的click事件，用a.modal("hide")来隐藏模态框，如下图所示。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/106715.html
摘要：由于需要的编辑器功能比较简单，不需要太多复杂功能，所以选择了一款特别轻量的插件，而且后台操作也很简单。关于图片上传提交按键等回调函数也是在中，详见部分。初始化一个编辑器很简单。 这次项目中需要用到编辑器插件，于是上网查了一下。由于需要的编辑器功能比较简单，不需要太多复杂功能，所以选择了一款特别轻量的summernote插件，而且后台操作也很简单。官网：http://summernote...
摘要：官网全新的静态包管理器。官网一个整合和官网的最佳思想，使开发者能快速方便地组织和编写前端代码的下一代包管理器。官网小巧的兼容的所见即所得的富文本编辑器。官网富文本编辑器。官网由制作，适用于每天写作的富文本编辑器。 1. 包管理器 管理着 javascript 库，并提供读取和打包它们的工具。 npm：npm 是 javascript 的包管理器。官网 cnpm：cnpm 是 由于国...
摘要：转载来源包管理器管理着库，并提供读取和打包它们的工具。能构建更好应用的客户端包管理器。一个整合和的最佳思想，使开发者能快速方便地组织和编写前端代码的下一代包管理器。很棒的组件集合。隐秘地使用和用户数据。 转载来源：https://github.com/jobbole/aw... 包管理器管理着 javascript 库，并提供读取和打包它们的工具。•npm – npm 是 javasc...
摘要：转载来源包管理器管理着库，并提供读取和打包它们的工具。能构建更好应用的客户端包管理器。一个整合和的最佳思想，使开发者能快速方便地组织和编写前端代码的下一代包管理器。很棒的组件集合。隐秘地使用和用户数据。 转载来源：https://github.com/jobbole/aw... 包管理器管理着 javascript 库，并提供读取和打包它们的工具。•npm – npm 是 javasc...
摘要：一个专注于浏览器端和兼容的包管理器。一个整合和的最佳思想，使开发者能快速方便地组织和编写前端代码的下一代包管理器。完全插件化的工具，能在中识别和记录模式。健壮的优雅且功能丰富的模板引擎。完整的经过充分测试和记录数据结构的库。 【导读】：GitHub 上有一个 Awesome – XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表...
阅读 2408·2019-08-29 13:53
阅读 2483·2019-08-29 11:32
阅读 3030·2019-08-28 17:51
阅读 3748·2019-08-26 10:45
阅读 3468·2019-08-23 17:51
阅读 2964·2019-08-23 16:56
阅读 3316·2019-08-23 16:25
阅读 3052·2019-08-23 14:15
