UEditor学习笔记(二)

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，(优点)具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码.

编辑器表单(文本)提交

    上期我们初识了UEditor富文本编辑器,这期我们来学习文本的提交.

1.修改jsp文件,把编辑器放到form表单里

1.       搭建框架(略)(用到SSM框架)

2.       接收的数据显示如下:

普通表单提交接收的数据是带有标签元素的,下面用ajax提交演示

ajax这里用到了UEditor自己提供的方法

Editor.getplainTxt():获取编辑器中的纯文本内容,没有段落格式;

接收的数据同上,ajax提交也是有标签元素的;这都是因为安全机制.

6.编辑器的图片上传

点击后选择要上传的图片,选择上传,

注:这里要注意配置文件:

ImageUrlPrefix:指的是项目的根路径或要保存图片的文件夹根目录

ImagePathFormat:指的是要保存图片的路径

因为UEditor属于在线上传,所以不需要自己配置任何上传相关的...

例 :

到这里我们的UEditor基本操作就学完了...

                    总结

UEditor为我们提供非常强大的功能,像视频上传,多组图片上传等等...其在1.2.4后,配置文件成为一大亮点,也是一个难点,熟练掌握配置文件,UEditor轻松上手.其他知识点,请在官网的文档与API查看!