百度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-百度可视化编辑器简单使用方法

1、ueditor是百度可视化编辑工具   2、ueditor官网地址     http://ueditor.baidu.com/website/index.html   ...
  • baochanghong
  • baochanghong
  • 2016年07月26日 13:50
  • 3309

百度编辑器ueditor的简单使用

最近刚被分配了以个消息发布的任务,其中用到了富文本编辑器。以前也用过,不过这次我选择的是百度富文本编辑器ueditor1_4_3-utf8-jsp版的。     其实看ueditor功能很强大,不过百...
  • xiaoxian8023
  • xiaoxian8023
  • 2014年06月29日 17:17
  • 83003

个人博客配置百度Ueditor--jsp版本

我用的版本是1.4.3.1 这个东西百度已经给我们写好了,我们只需要配置就行了,说一下主要的步骤: 1,配置ueditor.config.js 2,配置config.json 3,书...
  • gaopu12345
  • gaopu12345
  • 2015年11月08日 14:39
  • 3348

百度富文本编辑器UEditor使用简单示例

百度富文本编辑器UEditor使用简单示例
  • a491857321
  • a491857321
  • 2016年04月28日 15:26
  • 2145

asp.net集成百度ueditor富文本

一、官网上下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示:     http://ueditor.baidu.com/website/ipanel/panel.html#    ...
  • guoquanyou
  • guoquanyou
  • 2012年09月03日 10:29
  • 4710

关于使用百度UEditor富文本编辑器的总结

这段时间公司有个需求要用到富文本编辑器,在这里做一个小小的使用总结吧。 首先准备工作 到官网下载http://ueditor.baidu.com/website/ 将编辑器下载下来 技术文档 http...
  • qq_22074635
  • qq_22074635
  • 2016年01月07日 13:44
  • 4495

springboot thymeleaf ueditor 填坑

搞了两小时,累死哥哥了 我的项目结构是: springboot + maven + mybatis + thymeleaf  ...   呸呸呸,这些都不重要啦 下面开始正题 说说问题吧:  刚开始我...
  • qq_28114645
  • qq_28114645
  • 2017年11月16日 16:51
  • 323

百度富文本ueditor和umeditor遇到的问题和解决办法

项目中要用到发布文章,所以选了百度的富文本;记录一下自己走的坑。 开始使用的是umeditor,它属于轻量级,功能比较少,有点是加载快,貌似只有183k吧。 umeditor用起来还是比较简单,具...
  • u012477860
  • u012477860
  • 2016年06月13日 18:07
  • 5619

UEditor | 百度富文本使用

《1》 首先我们需要来认识下UEditor,它是由百度web前端研发部开发所见即所得富文本web编辑器,并且是基于BSD协议的开源产品,允许自由使用和修改,这也是小编最看中它的地方,开源就意味着可以自...
  • Fanbin168
  • Fanbin168
  • 2015年04月21日 14:51
  • 1356

Jfinal整合百度富文本编辑器

在做后台管理到时候,  写文章需要把写到内容还按照编辑时到文章进行保存, 这就用到了富文本编辑器, 看了大家说的,百度富文本编辑器不错,就开始了Jfinal和百度富文本编辑器到整合。 UEditor的...
  • qq_35357001
  • qq_35357001
  • 2017年10月13日 17:25
  • 324
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:百度UEditor使用
举报原因:
原因补充:

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