您的位置:首页 > 产品设计 > UI/UE

百度UEditor使用

2015-07-08 08:53 405 查看
*要点: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!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: