tinymce一个比较好用的文本编译器
是搭建博客的好工具具体可以查看中文文档http://tinymce.ax-z.cn/
我就不多说了
下面说一下需求
我要用 tinymce 上传本地图片 springboot接收数据
在网上找了好久没有发现一springboot为后台的所以自己写了一个
二话不说上代码
前台页面 我只加了上传图片 有需要的可以自己加
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/tinymce/tinymce.min.js"></script>
<script src="/js/examples/jquery.min.js"></script>
<script>
tinymce.init({
selector: '#mytextarea',
plugins: 'image',
toolbar: 'image',
language: 'zh_CN',
height: this.height,
body_class: 'panel-body ',
object_resizing: false,
images_upload_handler: function (blobInfo, success, failure) {
//关键代码
var form = new FormData();
console.log(blobInfo)
form.append('editormd-image-file', blobInfo.blob(), blobInfo.filename());
$.ajax({
url: "/article/image/upload" ,
type: "post",
data: form,
dataType: 'json',
processData: false,
contentType: false,
success: function (data) {
console.log(data);
var imgUrl =data.url;//根据返回值得不同这里要自己定义
console.log(imgUrl