ueditor富文本编辑器怎么用

发布网友 发布时间:2022-04-22 07:51

我来回答

1个回答

热心网友 时间:2022-05-11 00:20

方法/步骤

1
第一步需要引入UEditor的源文件,和jquery文件,来对编辑器进行支持。如果看到图二的效果则说明部署成功咯,接下来我们就可以根据自己的实际需求来进行场地参数。

2
第二步获取编辑器的输入的文本内容,然后对获取的值传递给后台处理,也可通过from表单进行操作。

3
配置文件上传,图片上传、截图上传路径(以jsp为例)
首先配置ueditor.config.js来初始化ueditor的安装路径,projectName代表项目路径URL则表示,配置后的ueditor的所在路径(可自定义),详细配置可看图片所示

4

置好路径后我们就可以调用了,接下来需要配置上传文件的路径了(jsp/config.json)里,需要配置的有imageUrlPrefix图片访问
的路径前缀,imagePathFormat/scrawlPathFormat
等*PathFormat路径用来表示上传的文件路径(注意:windows 和linux的路径不同方式),具体配置如图所示

5
在项目中添加ueditor说需要的jar包文件,然后启动项目。
6
项目启动完成后,进入页面,我们可以来试试效果,大家可以任意复制图片,上传文件等来实验下我们的配置结果。出现如下结果则说明我们配置成功了,简单吧。

http://jingyan.baidu.com/article/0320e2c1f68b751b87507be2.html

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com