标签: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