百度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!
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值