wangeditor java_如何使用wangEditor将数据存放到数据库中
正巧我前段时间也用了这个富文本。
看到最新版本是3了,不好意思,我用的
--%>
竟然有一天更新两个小版本。
我还是拿2.1.20举个栗子吧,反正用着没碰到什么问题(javassh):
先上我的代码:
没用div,就用的文本域去初始化
// editor init ....
var editor = new wangEditor('textarea1');
editor.config.uploadImgUrl = '/common/editorFileUpload';
editor.config.uploadImgFileName = 'editorUploadFileName';
// 将图片大小限制为 3M
editor.config.uploadImgMaxSize = 3 * 1024 * 1024;
// 限制一次最多上传 1 张图片
editor.config.uploadImgMaxLength = 1;
editor.create();
关于数据添加:
关于图片上传
我这里上传路径的配置是(异步,当然富文本只适合异步):
editor.config.uploadImgUrl = '/common/editorFileUpload';
还有指定参数的name:
editor.config.uploadImgFileName = 'editorUploadFileName';
Controller的处理(按照官方要求的格式拼装返回结果):
/**
* editor富文本图片上传
* @param editorUploadFileName 图片
* @return 图片url
* @throws IOException 异常
*/
@RequestMapping(value = "/editorFileUpload", method = RequestMethod.POST)
@ResponseBody
public String editorFileUpload(MultipartFile editorUploadFileName) throws IOException {
if (editorUploadFileName != null){
if (editorUploadFileName.getSize()>fileMaxSize2){
return "error|"+getMessage("file.upload.max.size", new Object[]{"3M"});
}
FileUploadModel fileUploadModel = AliyunFileUploadUtil.upload(editorUploadFileName);
if (fileUploadModel != null && !StringUtils.isEmpty(fileUploadModel.getUrl())) {
return fileUploadModel.getUrl();
}else{
return "error|"+getMessage("do.fail");
}
}
return "error|"+getMessage("file.upload.not.found.file");
}
最后的测试样子:
关于提交
再看我的html部分:
name就是提交的东西,就当他是个普通的文本域就好了。
如果你想用js获取它的内容,普通的方法就可以了:
var content = $("#textarea1").val();
这个富文本还算方便,功能不多但够用,也挺接地气,我觉得你多看文档应该没有什么问题,如果你想要的文档没提到,那十有八九就是不支持,你可以选择研究一下改源码或者换富文本
再提交一下文档地址:https://www.kancloud.cn/wangf...
wangeditor java_如何使用wangEditor将数据存放到数据库中相关推荐
- 将爬虫数据存放到数据库中
爬虫获取的数据可以存放到本地,也可以直接存放的指定的数据库. 1.存放到本地中,pipeline文件代码: import jsonclass DongguanPipeline(object):def ...
- sqlbulkcopy mysql_c# SqlBulkCopy实现批量从数据集中把数据导入到数据库中
今天遇到了一个导入类第一次见 SqlBulkCopy 可以实现从一个数据集导入到数据库中的表中 本来想从数据集中一条条遍历insert到库中 有了这个后发现: 只在把表与数据集的列做一下对应关系,再走 ...
- 批量插入数据库语句java_java相关:MyBatis批量插入数据到Oracle数据库中的两种方式(实例代码)...
java相关:MyBatis批量插入数据到Oracle数据库中的两种方式(实例代码) 发布于 2020-7-22| 复制链接 本文通过实例代码给大家分享了MyBatis批量插入数据到Oracle数据库 ...
- 将DataTable中的数据导入到数据库中
上次在根据excel的文件的路径提取其中表的数据到DataSet中 一文中介绍了将Excel文件中的数据读取到DataSet中的方法,今天我来介绍下我曾经在项目中用到的一个将DataTable中的数据 ...
- php中怎么连接数据库中的表,php 连接 excel表格数据库数据-php中如何将execl的数据导入到数据库中...
php中如何将execl的数据导入到数据库中 php导出大量数据的Excel: PHP从数据库分多次读取100万行记录,和分多次将100万行写入文本文件都没问题 Excel可以支持100万行记录,Ex ...
- php如何导入数据,““php中如何将execl的数据导入到数据库中
php中如何将execl的数据导入到数据库中 1.使用PHP Excel Parser Pro,但是这个软件为收费软件: 2.可EXCEL表保存为CSV,然后通过phpmyadmin或者SQLyog导 ...
- 文本的数据导入到数据库中 mysql
文本的数据导入到数据库中 mysql 示例 演练 注意 mysql 从文件中读取数据 格式: load data infile 文件路径 into table 表名 文件路径: C:/Users/Ad ...
- NodeJS同步MySQL上游数据到ElasticSearch数据库中
NodeJS同步MySQL上游数据到ElasticSearch数据库中 项目地址: https://github.com/Miazzy/xdata-elasticsearchs-service.git ...
- Android学习笔记——保存数据到SQL数据库中(Saving Data in SQL Databases)
知识点: 1.使用SQL Helper创建数据库 2.数据的增删查改(PRDU:Put.Read.Delete.Update) 背景知识: 上篇文章学习了保存文件,今天学习的是保存数据到SQL数据库中 ...
最新文章
- xssfsheet removerow 剩下空白行怎么处理_你看不上的农业会计!我却凭借其账务处理,过上你求之不得的生活...
- Session对象的生命周期
- html text报错,AFNetWorking 请求报错 text/html
- Xib/Storyboard碰到不同版本的Xcode真是想死啊!
- 免费报名 | 智源论坛:智能处理器探索,AI技术前沿精粹尽览
- J2EE 企业级应用架构简述
- 选择文字就能选择复选框
- 云服务器文件传输问题
- non-overlapping-intervals
- linux系统核心已存储,Linux系统 存储
- spss数据预处理步骤_关于SPSS数据预处理心得
- 几种凹凸贴图(Bump Mapping)的学习记录
- 旷视研究院参会PRCV2019 推进模式识别与CV技术交流
- xpadder教程:自定义设置游戏手柄的图片
- 手机丢了,微信、支付宝绑了银行卡,第一时间该怎么办?
- 音乐艺考生的视唱练耳小技巧
- 电影票房排行 API数据接口
- gt710显卡驱动linux,华硕 GT710-SL-2G驱动下载_asus GT710-SL-2G显卡驱动下载-硬件之家...
- Python养发之路 - 安装篇
- 【C++】C++数组初始化方法
热门文章
- “只有抄袭是真的”——转载《南方周末》7月23日
- matlab开关状态检测,MATLAB直接转矩控制开关状态的选择实现
- JS判断一个变量是否是数组
- java 静态变量 存储_Java中存储的静态方法和静态变量在哪里?
- Tableau 空难统计分析(九)不同机型失事概率
- 骁龙 XR2+ Gen 1性能参数 骁龙 XR2+ Gen 1什么水平
- 华为董事长孙亚芳:任正非的文章是公司成长的缩影
- 蛋糕做出新高度,投资不高却收入“甜蜜”,他们怎样做的?
- html标题行距怎么设,html怎么设置行距
- easy-excel 导入数据校验 不正确则导出excel并提示错误信息