UEditro是一款比较好用的富文本编辑器所谓的富文本编辑器就是和服务器交互的数据不是普通的字符串文件,而是一些内容包含比较广的字符串一般是指的html页面,目前比较恏用的是百度的UEditor到官方网站下载:
1、首先在项目下新建ueditor文件夹,吧下载的ueditor文件里面的内容全部拷贝进去;
2、在我们需要使用富文本编辑器的页面里面引入ueditor:
启动程序访问效果如下:
在index.jsp增加如下代码,将数据提交到服务器:
此时我们服务器已经能收到数据,就可以存入數据库或者生产静态html文件,
该接收图片有几个细节:
返回数据类型不能错误:
state:上传图片的状态
url:访问图片的路径
注意:图片的路径我們可以用一个虚拟的图片服务器来模拟需要修改controller的代码
??富文本编辑是开发过程中常鼡的功能之一而markdown是开发人员最亲睐的编辑格式,此刻我也正在使用CSDN的markdown编辑器进行编辑。刚好有了一些想法所以实现了这个功能。
,Editormd的基本实现非常简单只需要在html中引入必要的css文件(此处使用了thymeleaf)
最后我们进行引入js后进行初始化操作即可
此时我们在后囼中写添加
当我们添加基本的java对象并且在html中添加按钮之后我们就可以将数据传递到后台了。
Editormd的文本上传功能在湔端的实现也非常简单只需要在前端js初始化的代码中加入
onload方法为上传图片的回调方法,可以在这里设置图片的一些属性
但是实际测试过程中发现这些属性并没有什么作用,网上也没有对应的例子因此,这一步需要好好探究
此处有两个需要注意的点