百度UEditor使用

原创 2015年07月08日 08:53:17
*要点:1. 把ueditor的样式与容器绑定  2. 修改ueditor的配置文件,目录指向你当前的项目中ueditor的位置。

1.下载ueditor,解压后放到你项目的WebRoot下



2.在你要引用ueditor的页面,引入两个包




3.还是在这个页面,把ueditor放在你想放的位置

上面红色框的是ueditor的编辑框,意思是在文章标题下面就是编辑框



4.还是在这个页面,把ueditor里demo中的一大段script粘过来,它是描述上面红色框编辑器的样式的
就是下面这大段,图不全,能知道是哪段就OK




5.最最重要的一步!绑定!!
   a) 把大段描述ueditor的script和ueditor的编辑框容器绑定

    如图,这两个红框的地方要一样,就绑定了



   b) 你现在使用是不行的,因为ueditor还有很多资源(图片、语言包。。),刚才已经把ueditor放到WebRoot下了,现在打开
这个文件,它是ueditor的文件,把ueditor的文件路径改成你项目中它的路径!!像下面这样。




5.这样就出现ueditor的编辑框了,但是!你的数据提交不到你的数据库,还需要改一些地方!



解释:form是我之前写好的,根据name提交文章内容,给ueditor的容器加上wzneirong就可以啦!wzneirong是和servlet中匹配好的。提交的时候就可以把ueditor中的内容提交到后台了!!

ok!
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

百度UEditor使用说明

  • 2014年08月20日 11:16
  • 94KB
  • 下载

关于使用百度编辑器(ueditor编辑器)跨域上传将图片上传到独立服务器的问题

最近公司要使用ueditor编辑器,但是关于跨域上传的问题,出现了很多不可预料的错误,一次次的调试,一个个的坑,现在终于完成了,把过程写下来分享给大家,希望大家支持,因为我在百度上查了很久,也没有找到...

百度UEditor 1.4.3.1 使用详解

百度已经开发出了一套强大的文本编辑器ueditor,很爽很方便,请看-------- web文本编辑器被广泛的使用在论坛,留言系统,微博等网站,凡是用户能发布文字的网站,几乎到会使用到文本编辑器,老...

[置顶]百度富文本编辑器ueditor在jsp中的使用(ssm框架中的应用)

折腾了一下午终于把百度富文本编辑器ueditor搞定了!   项目地址:https://github.com/724888/lightnote_new     首先我参考了一个ueditor的dem...
  • a724888
  • a724888
  • 2017年03月08日 09:46
  • 1323

记录一下使用百度Ueditor副编辑器的过程及碰到的问题

三周前,接手这个任务,因为当时手头有其他工作,就没着急做这个,周一的时候在后台newinfo 的内容栏添加上了Ueditor,当天就完成了文本到后台的保存。因为当时刚接触这个,再加上本人水平较渣,没看...

使用百度Ueditor在线文本编辑器心得

由于Ueditor1.2.3.0版本IE8下显示加载zh-cn.js无效字符(本人没找到解决办法,如有大牛解决望告知解决办法),所以使用1.2.2.0版本。 这是本人项目的目录结构,红框是Uedit...

使用百度Ueditor编辑器的时候,如何才能获取图片的保存路径,即src的值,以便满足需求:将路径存入数据库

在使用ueditor开发项目的时候,遇到这么一个特殊需求:不用将ueditor编辑器中的所有内容保存到数据库,而是只保存图片的保存路径,在前台显示的时候将url赋值给img标签的src。     起初...

MVC使用百度开源文本编辑器UEditor实现图文并茂,字数限制,上传图片或涂鸦

文本编辑器有很多,比如ticymce和CKEditor就比较好用,但涉及到图片、文件上传,需要结合CKFinder实现,而且有些功能是收费的,即使有意付费使用, 支付也不方便。好在百度的开源文本编...

使用百度ueditor时提交表单获取不到数据

最近学习laravel做个人博客的项目,在添加文章的时候使用了百度出品的所见即所得的编辑器,发现在提交的时候获取不到内容,我首先检查的有没有写form表单,但是有一部分分数据已经得到了,所以排除没有写...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:百度UEditor使用
举报原因:
原因补充:

(最多只允许输入30个字)