使用百度ueditor编辑器中遇到的一些问题 分享给大家

1.首先 去ueditor官网下载软件包http://ueditor.baidu.com/website/download.html#ueditor

2.我下载的是.net版本,可以根据自己开发的需要选择适合自己的版本。

3 解压缩后把他放到项目根目录下

4. 

使用百度ueditor编辑器中遇到的一些问题 分享给大家_第1张图片

根目录下有demo文件,大家先看看效果

5接下来就是关键的配置阶段了,ueditor把配置信息都放在了相应的语言包文件夹下的 config.json 文件里

当然 这个文件也有 ueditor.config.js 但是.net 版本的这边配置我没有用上

主要是在config.json 文件里,最主要的几个配置项基本都在这里,这里主要说 一个上传图片和 列出图片 如下图

使用百度ueditor编辑器中遇到的一些问题 分享给大家_第2张图片

如他文件里注释的 主要修改 图片的访问路径的前缀,如果你有多个项目,且想把所以图片和文件都放在一个路径的话,就在这里配置, imageUrlPrefix:和 imagePathFormat  ,imagePathFormat 配置上传后图片的新名称以及路径,如果文件的路径在web.config 配置好的话,这个就只要写文件名称就好了。下面是我的项目改好的配置

使用百度ueditor编辑器中遇到的一些问题 分享给大家_第3张图片

使用百度ueditor编辑器中遇到的一些问题 分享给大家_第4张图片

然后这边配置完,需要改下 相应上传后台文件的路径

我这是UploadHandler.cs 文件

主要修改两个地方 newFileName变量和localPath 一个是新文件名称 和 文件本地存放路径,因为我这两个是在web.config 配置的,所以直接读取配置文件的,这样做的好处就是比较灵活,多个项目可以使用同一个路径存放文件,这样的话可以共享访问;如果你不需要这样的话,只要修改config.json 就好了,它会将上传的图片存放在 项目的根目录加上你在config.json 配置的文件夹下 。列出列表图片也是同理,相同的 ,视频 ,涂鸦,附件 音乐的配置都是一样的,很灵活。

忘了在补充一下引用的页面代码

   

jquery肯定是需要的 放到最上面 ,剩下的引用文件如图  下面几个,引用路径按照自己的来,我是用的textare 显示内容,主要 的是textarea的id 与 UE.getEditor('content1') 中的 这个需要一致。当页面显示加载的时候就会显示编辑器,后台获取编辑器内容的时候直接用 Request.Form["content1"] 或者 content1.value 都可以,后台显示时候 用 content.value=你的数据库字段 

使用百度ueditor编辑器中遇到的一些问题 分享给大家_第5张图片

 

 

你可能感兴趣的:(使用百度ueditor编辑器中遇到的一些问题 分享给大家)