文档编辑器与远端文件存储
summernote编辑器实现图片上传服务器并返回图片虚拟地址
具体步骤如下:
1、在STS中创建spring boot项目,设置其项目结构为project explorer
2、到summernote下载summernote插件
解压后,其目录结构如下:
summernote编辑器最重要的插件基本都在dist文件中
3、在spring boot项目中的webapp目录下导入summernote插件:(点击webapp右键->import->点击File System->在from directory浏览summernote插件地址并添加->勾选添加的文件->完成操作)
4、将其中的index.html文件修改为index.jsp,并在index.jsp中引用summernote.css和summernote.js文件,以及bookstrap
文件:
接下来在body中添加div容器
<div id="summernote">Hello Summernote</div>
接着在index.jsp中对summernote进行初始化
$(document).ready(function() {
$('#summernote').summernote();
});
插入图片的时候,Summernote组件默认是将图片以二进制形式展示的,如果