码迷,mamicode.com
首页 > 其他好文 > 详细

百度UEditor使用

时间:2015-07-08 09:32:14      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:ueditor编辑器   ueditor   ueditor使用   ueditor具体步骤   ueditor教程   

*要点: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使用

标签:ueditor编辑器   ueditor   ueditor使用   ueditor具体步骤   ueditor教程   

原文地址:http://blog.csdn.net/codingalarm/article/details/46798831

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!