ueditor富文本编辑器 富文本编辑器UEditor的使用

富文本编辑器UEditor的使用――简介

对于我们web开发来说,富文本的编辑器是比不可少的,好的富文本编辑器可以让我们用户有更好的体验效果,带来更多的用户好评,今天给大家介绍百度推出的富文本编辑器的使用方法,其优秀的ui设计会让我们眼前一亮。首先来看下,编辑器的样式,效果不错吧,基本上我们所想到的内容都在。

富文本编辑器UEditor的使用――工具/原料
UEditor,jquery富文本编辑器UEditor的使用――方法/步骤

富文本编辑器UEditor的使用 1、

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


富文本编辑器UEditor的使用 2、

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

富文本编辑器UEditor的使用_富文本编辑器


富文本编辑器UEditor的使用 3、

配置文件上传,图片上传、截图上传路径(以jsp为例)

首先配置ueditor.config.js来初始化ueditor的安装路径,projectName代表项目路径URL则表示,配置后的ueditor的所在路径(可自定义),详细配置可看图片所示


富文本编辑器UEditor的使用 4、

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


富文本编辑器UEditor的使用 5、

在项目中添加ueditor说需要的jar包文件,然后启动项目。


富文本编辑器UEditor的使用 6、

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

富文本编辑器UEditor的使用_富文本编辑器

富文本编辑器UEditor的使用――注意事项
上传路径的配置及目录设置win版和linux版本不同linux版本上传路径要注意目标目录的权限问题

ueditor富文本编辑器 富文本编辑器UEditor的使用
  

爱华网本文地址 » http://www.aihuau.com/a/8104020103/156264.html

更多阅读

QQ空间照片编辑器的强大功能 功能强大的文本编辑器

玩转你的照片!照片编辑器发布~~想要扮靓你的照片?给照片加水印?把照片变成漫画?在照片上题诗?QQ空间照片编辑器统统实现你的愿望!这里先给大家介绍一些基本玩法,更多花样等待你的探秘。写在前面的独门秘诀最上面的功能栏会随着选中对象的不

LRC歌词编辑器使用方法 lrc歌词编辑器

1.先点击“打开音乐文件”按钮,选择你要制作的歌曲文件,然后点击“打开歌词文件”按钮,选择你要制作的歌词文件,或者在LRC歌词编辑器的歌词编辑窗口,输入歌词文本,当然如果有现成的歌词文本用“复制”和“粘贴”要更省事一些。歌词最好是

office word 公式编辑器 输入空格 公式编辑器空格

2008-08-24 16:41Word XP里的公式编辑器里,如何输入空格? 按空格键没有反应! 是不是难受?其实有解决办法只要点一个按钮后输入的就是文本而非数字了,因为数字输入是不允许有空格的。这个按钮在“Equa

声明:《ueditor富文本编辑器 富文本编辑器UEditor的使用》为网友早过忘川分享!如侵犯到您的合法权益请联系我们删除