网站建设资讯

NEWS

网站建设资讯

UEditor编辑器使用方法及文件下载-创新互联

一、请根据需要到官方网站下载(http://ueditor.baidu.com/build/build_down.php?t=1_2_5_1-utf8-php)(这是PHP服务器端的下载包)。

创新互联长期为上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为潍坊企业提供专业的网站制作、成都网站设计潍坊网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。

二、UEditor相关操作

  1、在根目录下新建文件夹存放相关资源文件,此名为editor.

  2、把下载的源码包里的相关文件拷贝到editor文件中。

  3、在使用编辑器的html页面导入以下js文件

  

  

  

  4、在html页面创建编辑容器并实例化编辑器,代码如下:

     

      

        //实例化编辑器

       var ue = UE.getEditor('editor');

     

  5、在editor_config.js中查找URL变量,配置编辑器在你项目中的路径。如果不是放在项目当中使用,URL变量可以不用修改。但是在项目当中使用就一定得修改。

    URL= UEDITOR_HOME_URL || "编辑器在你项目中的路径";//重要,必须正确配置

三、自定义配置

  1、编辑器工具栏只显示源代码,并且初始化的时候进入源码模式。

  在editor_config.js中查找 ,sourceEditorFirst:true;把前面的注释去掉,在html当中写入的代码如下

    

  2、让编辑器宽自适应

   在editor_config.js中查找

    ,initialFrameWidth:"100%"  //把数值改成百分比

    ,scaleEnabled:true

    ,minFrameWidth:800   //编辑器拖动时最小宽度,默认800

    ,minFrameHeight:320  //编辑器拖动时最小高度,默认320

把前面的注释去掉就可以了。

  以上的内容是我在项目当中遇到的问题。在网上搜索都没有找到满意的答案。自己慢慢研究后做一下总结,方便其他需要用到的朋友使用。

四.更多详细使用帮助请查看官方解释

在线文档:http://ueditor.baidu.com/website/document.html

UEditor论坛:http://www.ueditorbbs.com/forum.php

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


文章题目:UEditor编辑器使用方法及文件下载-创新互联
浏览地址:http://cdweb.net/article/dcchdj.html