AT娱乐QQ:374476UEditor如何使用?UEditor的配置教程_玖富娱乐丨玖富娱乐平台丨玖富娱乐平台官网
设为首页 - 加入收藏
广告 1000x90
您的当前位置:主页 > 教程 > cms教程 > 正文

AT娱乐QQ:374476UEditor如何使用?UEditor的配置教程

来源:网络整理 编辑:玖富娱乐平台主管QQ:374476 时间:2017-09-13

今天介绍的一款百度出品的富文本编辑器UEditor!体积小、功能强大、安全可靠。UEditor已经应用到百度百科、百度经验、百度空间等多个项目。下面就介绍一下UEditor编辑器的配置方法。

1.下载ueditor编辑器
最新版下载地址:

解压后目录结构如下:

* _examples:直接打开index.html即可看到效果(注:请将项目部署到服务器上,避免对话框图片无法加载等跨域问题)
    * demo:一些常用的示例和实现方式
    * _src:所有源码,部署时可删除,二次开发时可使用
    * dialogs:弹出对话框所引用的页面
    * themes:样式和图片
    * editor_ui_all.js:包含全部功能的js文件
    * editor_ui_all_min.js:包含全部功能的压缩文件,即editor_ui_all.js的压缩版
    * editor_config.js:编辑器的配置文件,这个脚本需要在其他脚本之前引用

配置UEditor编辑器的教程

2.部署编辑器到您的网站程序目录里,例如:您的域名/ueditor

3.修改HTML页面

A. 在需要显示编辑器的位置准备一个容器,容器可以是textarea或者div。

//id可以自己修改,在创建编辑器的时候将这个id传入即可
      //div作为容器的示例
          <div id="editor"></div>
      //textarea作为容器的示例
          <textarea id="editor">
              这里可以放编辑器初始化的内容,创建编辑器时,
               我们会将内容放到编辑器的编辑区域里
          </textarea>
      //两种创建编辑器的区别是:
      //div不可以在标签里设置初始值,在创建编辑器的时候配置initialContent参数
      //textarea可以在标签里设置初始值,不能配置initialContent参数
                             

B. 在该HTML页面添加以下脚本

//先引入配置文件(可以修改编辑器的高度,初始化内容等参数)
      <script type="text/javascript" src="/editor_config.js"></script>
      //包含全部功能的js文件
      <script type="text/javascript" src="/editor_ui_all.js"></script>
      //编辑器的默认样式
      <link type="text/css" href="/themes/default/ueditor.css"/>
      //创建编辑器
      <script type="text/javascript" charset="utf-8">
          var editor = new baidu.editor.ui.Editor();
          editor.render('editor');  //editor为编辑器容器的id
      </script>
 

www.nyuwp.cn www.tbpel.cn www.liuyifei52.cn www.gtiwc.cn www.mhhzu.cn www.zxibj.cn www.kpfej.cn www.nqqtp.cn www.sihpn.cn www.lqlax.cn www.qgroi.cn www.wobnq.cn www.fjvhw.cn www.pecdt.cn www.qumct.cn www.wqvwl.cn www.ehjfq.cn www.mhfvs.cn www.hmjib.cn www.gokzz.cn www.zixing361.com www.xinzang123.com www.jiurou8.com www.592rcw.com www.lawy118.com www.10yuanjuan.com www.alubala.com www.10yuanjuan.com www.alubala.com www.7zuliao.com www.baiyang0315.com www.51hourse.com www.fangzhe.net www.bangtian.net www.liangbing.net www.chjobs.com.cn www.tgbqs.com www.ruizhi-ad.com

网友评论:

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片

林然 主管QQ:374476 联系QQ:374476 邮箱:374476@qq.com

Copyright © 2002-2028 LINRAN. 林然丨版权所有 Power by DedeCms

Top