精华内容
下载资源
问答
  • 今天笔者就给大家推荐一款百度UEditor编辑器。关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度UEditor编辑器使用教程使用方法,希望对大家有所帮助
  • 关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度UEditor编辑器使用教程使用方法,希望对大家有所帮助。 第一:百度UEditor编辑器的官方下载地址 ueditor 官方...
      我们在做网站的时候,网站后台系统一般都会用到
    web
    编辑器,今天笔者就给大家推荐一款百度
    UEditor
    编辑器。关于这款百度
    UEditor
    编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度
    UEditor
    编辑器使用教程与使用方法,希望对大家有所帮助。 
    

    第一:百度UEditor编辑器的官方下载地址

    ueditor 官方地址:http://ueditor.baidu.com/website/index.html

    开发文档地址:http://ueditor.baidu.com/website/document.html

    下载地址:http://ueditor.baidu.com/website/download.html (这里可选开发版,或MINI版)

    第二:百度UEditor编辑器的功能版本选择

       当我们进入百度UEditor编辑器官网点击下载选项后,我们发现一共有两个版本供我们选择,一个是UBuilder,一个是开发版,通过下面注释的红色小字我们可以了解到UBuilder和开发版的区别。一般情况下我们选择UBuilder版本即可。

    百度UEditor编辑器使用方法

       跟我们以往下载软件的方式不同,UEditor采用选择性下载。首先是可见功能的选择,共有基本,插入,格式化,表格四大组,每组下面都有若干功能按钮,我们可以根据自己的需求来进行选择,如果双击四大组则表示全选该组按钮。如果对选择的按钮不满意还可以点击清空选择,有一点要提示的是如果点击清空选择会清楚掉你原先做过的所有选择。

    百度UEditor编辑器使用教程

       接着就是隐藏功能,语言,服务端版本的选择,隐藏功能默认的是全选,如非必要还是不要更改为好。语言选项共分为了中文和英文两种,默认的是只下载中文语言包,如果你有需要用到英文的话可以把英文包也加上。服务端版本目前提供了三种,分别为PHP,.NET,JSP,选择完毕后我们就可以点击下载资源包了。

    第三:百度UEditor编辑器的配置方法技巧

    1、从官网上下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示:

         _examples:编辑器完整版的示例页面

        dialogs:弹出对话框对应的资源和JS文件

        themes:样式图片和样式文件   php/jsp/.net:涉及到服务器端操作的后台文件,根据你选择的不同后台版本,这里也会不同,这里我们选择php

        third-party:第三方插件(包括代码高亮,源码编辑等组件)

        editor_all.js:_src目录下所有文件的打包文件(用于发布版本)

        editor_api.js: API接口配置文件(开发版本)

        editor_all_min.js:editor_all.js文件的压缩版,建议在正式部署时才采用

    editor_config.js:编辑器的配置文件,建议和编辑器实例化页面置于同一目录

    2、编辑器的实例化页面,导入编辑器需要的三个入口文件,示例代码如下:

    百度UEditor编辑器使用教程与使用方法

    <script type="text/javascript" charset="utf-8" src="../umeditor.config.js"></script> 

      <!--使用版--> 

        <!--<script type="text/javascript" charset="utf-8" src="../umeditor.all.js"></script>--> 

     <!--开发版--> 

        <script type="text/javascript" charset="utf-8" src="editor_api.js"></script> 

        <script type="text/javascript" src="../lang/zh-cn/zh-cn.js"></script> 

     3、然后在编辑器的实例化页面中创建编辑器实例及其DOM容器,示例代码如下:

    百度UEditor编辑器使用教程与使用方法

    <textarea name="后台取值的key" id="myEditor">这里写你的初始化内容</textarea>  

    <script type="text/javascript"> 

        var editor = new UE.ui.Editor(); 

        editor.render("myEditor"); 

        //1.2.4以后可以使用一下代码实例化编辑器 

        //UE.getEditor(’myEditor’) 

    </script> 

    4、在editor_config.js中查找URL变量配置编辑器在你项目中的路径。

    官网示例:

    百度UEditor编辑器使用教程与使用方法

    //强烈推荐以这种方式进行绝对路径配置 

    URL= window.UEDITOR_HOME_URL||"/UETest/ueditor/"; 

    我的配置:

    百度UEditor编辑器使用教程与使用方法

    (function () { 

        /**

         * 编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。

         * 鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。

         * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/umeditor/"这样的路径。

         * 如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。

         * 因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。

         * window.UMEDITOR_HOME_URL = "/xxxx/xxxx/";

         */ 

      /**

         * @author wusuopubupt

         * @date 2013-10-24

         * 

         * set window.UMEDITOR_HOME_URL = "/ueditor/";

         * 

         * */ 

        window.UMEDITOR_HOME_URL = "/ueditor/";  //注意就是这里! 

         var URL = window.UMEDITOR_HOME_URL || (function(){ 

         function PathStack() { 

     5、如果用editor_api.js (也就是不用editor.all.js)开发时,打开editor_api.js,代码如下

    /**

     * 开发版本的文件导入

     */ 

    (function (){ 

        var paths  = [ 

                ’editor.js’, 

                ’core/browser.js’, 

                ’core/utils.js’, 

                ’core/EventBase.js’, 

                ’core/dtd.js’, 

                ’core/domUtils.js’, 

                ’core/Range.js’, 

                ’core/Selection.js’, 

                ’core/Editor.js’, 

                ’core/filterword.js’, 

                ’core/node.js’, 

                ’core/htmlparser.js’, 

                ’core/filternode.js’, 

                ’plugins/inserthtml.js’, 

                ’plugins/image.js’, 

                ’plugins/justify.js’, 

                ’plugins/font.js’, 

                ’plugins/link.js’, 

                ’plugins/print.js’, 

                ’plugins/paragraph.js’, 

                ’plugins/horizontal.js’, 

                ’plugins/cleardoc.js’, 

                ’plugins/undo.js’, 

                ’plugins/paste.js’, 

                ’plugins/list.js’, 

                ’plugins/source.js’, 

                ’plugins/enterkey.js’, 

                ’plugins/preview.js’, 

                ’plugins/basestyle.js’, 

                ’plugins/video.js’, 

                ’plugins/selectall.js’, 

                ’plugins/removeformat.js’, 

                ’plugins/keystrokes.js’, 

                ’plugins/dropfile.js’, 

                ’ui/widget.js’, 

                ’ui/button.js’, 

                ’ui/toolbar.js’, 

                ’ui/menu.js’, 

                ’ui/dropmenu.js’, 

                ’ui/splitbutton.js’, 

                ’ui/colorsplitbutton.js’, 

                ’ui/popup.js’, 

                ’ui/scale.js’, 

                ’ui/colorpicker.js’, 

                ’ui/combobox.js’, 

                ’ui/buttoncombobox.js’, 

                ’ui/modal.js’, 

                ’ui/tooltip.js’, 

                ’ui/tab.js’, 

                ’ui/separator.js’, 

                ’ui/scale.js’, 

                ’adapter/adapter.js’, 

                ’adapter/button.js’, 

                ’adapter/fullscreen.js’, 

                ’adapter/dialog.js’, 

                ’adapter/popup.js’, 

                ’adapter/imagescale.js’, 

                ’adapter/autofloat.js’, 

                ’adapter/source.js’, 

                ’adapter/combobox.js’ 

            ], 

            /**

             * @author wusuopubupt

             * @date 2013-10-24

             * 

             * modified  baseURL = ’/ueditor/src/’; 

             */ 

            baseURL = ’/ueditor/src/’;  

        for (var i=0,pi;pi = paths[i++];) { 

            document.write(’<script type="text/javascript" src="’+ baseURL + pi +’"></script>’); 

        } 

    })(); 

    可以看到,这里有一项:baseURL,就是JS文件的路由,这里要根据ueditor_api.js文件的实际路径去配置!

    6、文件上传问题:

    打开ueditor.config.js,可以看到如下配置:

    百度UEditor编辑器使用教程与使用方法//图片上传配置区 

           ,imageUrl:URL+"php/imageUp.php"             //图片上传提交地址 

           //,imagePath:URL + "php/"                     //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置 

           ,imagePath:"http://test.mathandcs.com/" 

           ,imageFieldName:"upfile"                   //图片数据的key,若此处修改,需要在后台对应文件修改对应参数 

     

    这里的imageURL是图片上传所调用的php文件的地址,而imagePath则是为新上传的图片生成的图片地址的host部分;

    再打开ueditor/php/下的imageUp.php文件,有配置如下:

    百度UEditor编辑器使用教程与使用方法

    $config = array( 

            "savePath" => "/var/www/store/upload/" ,             //存储文件夹 

            "maxSize" => 1000 ,                   //允许的文件最大尺寸,单位KB 

            "allowFiles" => array( ".gif" , ".png" , ".jpg" , ".jpeg" , ".bmp" )  //允许的文件格式 

        ); 

        //上传文件目录 

        //$Path = "upload/"; 

        $Path = "/var/www/store/upload/"; 

    这里需要把上传文件到服务器的目的地址(上传文件保存文件)savePath修改成你指定的文件地址。

    由于相对路径和绝对路径的问题,生成的地址有可能是错的,这时就要hack一下生成图片URL的JS文件:

    ueditor/dialogs/image/image.js 中修改:

    百度UEditor编辑器使用教程与使用方法

    /**

                     * @author wusuopubupt

                     * @date 2013-10-24

                     * @return url modified

                     * */ 

                    var reg = /\/var\/www\/test\/upload\//; 

                    url = url.replace(reg,""); 

               var $img = $("<img src=’" + editor.options.imagePath + url + "’ class=’edui-image-pic’ />"), 

                        $item = $("<div class=’edui-image-item edui-image-upload-item’><div class=’edui-image-close’></div></div>").append($img); 

    这里的正则的规则要根据具体情况来定!

    至此,Ueditor便在我的环境中配置成功了。

    展开全文
  • 我们在做网站的时候,网站后台系统...关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度UEditor编辑器使用教程使用方法,希望对大家有所帮助。第一:百度UEditor...
      我们在做网站的时候,网站后台系统一般都会用到 web 编辑器,今天笔者就给大家推荐一款百度 UEditor 编辑器。关于这款百度 UEditor 编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度 UEditor 编辑器使用教程与使用方法,希望对大家有所帮助。

    第一:百度UEditor编辑器的官方下载地址

    ueditor 官方地址:http://ueditor.baidu.com/website/index.html

    开发文档地址:http://ueditor.baidu.com/website/document.html

    下载地址:http://ueditor.baidu.com/website/download.html (这里可选开发版,或MINI版)

    第二:百度UEditor编辑器的功能版本选择

       当我们进入百度UEditor编辑器官网点击下载选项后,我们发现一共有两个版本供我们选择,一个是UBuilder,一个是开发版,通过下面注释的红色小字我们可以了解到UBuilder和开发版的区别。一般情况下我们选择UBuilder版本即可。

    百度UEditor编辑器使用方法

       跟我们以往下载软件的方式不同,UEditor采用选择性下载。首先是可见功能的选择,共有基本,插入,格式化,表格四大组,每组下面都有若干功能按钮,我们可以根据自己的需求来进行选择,如果双击四大组则表示全选该组按钮。如果对选择的按钮不满意还可以点击清空选择,有一点要提示的是如果点击清空选择会清楚掉你原先做过的所有选择。

    百度UEditor编辑器使用教程

       接着就是隐藏功能,语言,服务端版本的选择,隐藏功能默认的是全选,如非必要还是不要更改为好。语言选项共分为了中文和英文两种,默认的是只下载中文语言包,如果你有需要用到英文的话可以把英文包也加上。服务端版本目前提供了三种,分别为PHP,.NET,JSP,选择完毕后我们就可以点击下载资源包了。

    第三:百度UEditor编辑器的配置方法技巧

    1、从官网上下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示:

         _examples:编辑器完整版的示例页面

        dialogs:弹出对话框对应的资源和JS文件

        themes:样式图片和样式文件   php/jsp/.net:涉及到服务器端操作的后台文件,根据你选择的不同后台版本,这里也会不同,这里我们选择php

        third-party:第三方插件(包括代码高亮,源码编辑等组件)

        editor_all.js:_src目录下所有文件的打包文件(用于发布版本)

        editor_api.js: API接口配置文件(开发版本)

        editor_all_min.js:editor_all.js文件的压缩版,建议在正式部署时才采用

    editor_config.js:编辑器的配置文件,建议和编辑器实例化页面置于同一目录

    2、编辑器的实例化页面,导入编辑器需要的三个入口文件,示例代码如下:

    百度UEditor编辑器使用教程与使用方法

    <script type="text/javascript" charset="utf-8" src="../umeditor.config.js"></script> 

      <!--使用版--> 

        <!--<script type="text/javascript" charset="utf-8" src="../umeditor.all.js"></script>--> 

     <!--开发版--> 

        <script type="text/javascript" charset="utf-8" src="editor_api.js"></script> 

        <script type="text/javascript" src="../lang/zh-cn/zh-cn.js"></script> 

     3、然后在编辑器的实例化页面中创建编辑器实例及其DOM容器,示例代码如下:

    百度UEditor编辑器使用教程与使用方法

    <textarea name="后台取值的key" id="myEditor">这里写你的初始化内容</textarea>  

    <script type="text/javascript"> 

        var editor = new UE.ui.Editor(); 

        editor.render("myEditor"); 

        //1.2.4以后可以使用一下代码实例化编辑器 

        //UE.getEditor(’myEditor’) 

    </script> 

    4、在editor_config.js中查找URL变量配置编辑器在你项目中的路径。

    官网示例:

    百度UEditor编辑器使用教程与使用方法

    //强烈推荐以这种方式进行绝对路径配置 

    URL= window.UEDITOR_HOME_URL||"/UETest/ueditor/"; 

    我的配置:

    百度UEditor编辑器使用教程与使用方法

    (function () { 

        /**

         * 编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。

         * 鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。

         * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/umeditor/"这样的路径。

         * 如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。

         * 因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。

         * window.UMEDITOR_HOME_URL = "/xxxx/xxxx/";

         */ 

      /**

         * @author wusuopubupt

         * @date 2013-10-24

         * 

         * set window.UMEDITOR_HOME_URL = "/ueditor/";

         * 

         * */ 

        window.UMEDITOR_HOME_URL = "/ueditor/";  //注意就是这里! 

         var URL = window.UMEDITOR_HOME_URL || (function(){ 

         function PathStack() { 

     5、如果用editor_api.js (也就是不用editor.all.js)开发时,打开editor_api.js,代码如下

    /**

     * 开发版本的文件导入

     */ 

    (function (){ 

        var paths  = [ 

                ’editor.js’, 

                ’core/browser.js’, 

                ’core/utils.js’, 

                ’core/EventBase.js’, 

                ’core/dtd.js’, 

                ’core/domUtils.js’, 

                ’core/Range.js’, 

                ’core/Selection.js’, 

                ’core/Editor.js’, 

                ’core/filterword.js’, 

                ’core/node.js’, 

                ’core/htmlparser.js’, 

                ’core/filternode.js’, 

                ’plugins/inserthtml.js’, 

                ’plugins/image.js’, 

                ’plugins/justify.js’, 

                ’plugins/font.js’, 

                ’plugins/link.js’, 

                ’plugins/print.js’, 

                ’plugins/paragraph.js’, 

                ’plugins/horizontal.js’, 

                ’plugins/cleardoc.js’, 

                ’plugins/undo.js’, 

                ’plugins/paste.js’, 

                ’plugins/list.js’, 

                ’plugins/source.js’, 

                ’plugins/enterkey.js’, 

                ’plugins/preview.js’, 

                ’plugins/basestyle.js’, 

                ’plugins/video.js’, 

                ’plugins/selectall.js’, 

                ’plugins/removeformat.js’, 

                ’plugins/keystrokes.js’, 

                ’plugins/dropfile.js’, 

                ’ui/widget.js’, 

                ’ui/button.js’, 

                ’ui/toolbar.js’, 

                ’ui/menu.js’, 

                ’ui/dropmenu.js’, 

                ’ui/splitbutton.js’, 

                ’ui/colorsplitbutton.js’, 

                ’ui/popup.js’, 

                ’ui/scale.js’, 

                ’ui/colorpicker.js’, 

                ’ui/combobox.js’, 

                ’ui/buttoncombobox.js’, 

                ’ui/modal.js’, 

                ’ui/tooltip.js’, 

                ’ui/tab.js’, 

                ’ui/separator.js’, 

                ’ui/scale.js’, 

                ’adapter/adapter.js’, 

                ’adapter/button.js’, 

                ’adapter/fullscreen.js’, 

                ’adapter/dialog.js’, 

                ’adapter/popup.js’, 

                ’adapter/imagescale.js’, 

                ’adapter/autofloat.js’, 

                ’adapter/source.js’, 

                ’adapter/combobox.js’ 

            ], 

            /**

             * @author wusuopubupt

             * @date 2013-10-24

             * 

             * modified  baseURL = ’/ueditor/src/’; 

             */ 

            baseURL = ’/ueditor/src/’;  

        for (var i=0,pi;pi = paths[i++];) { 

            document.write(’<script type="text/javascript" src="’+ baseURL + pi +’"></script>’); 

        } 

    })(); 

    可以看到,这里有一项:baseURL,就是JS文件的路由,这里要根据ueditor_api.js文件的实际路径去配置!

    6、文件上传问题:

    打开ueditor.config.js,可以看到如下配置:

    百度UEditor编辑器使用教程与使用方法//图片上传配置区 

           ,imageUrl:URL+"php/imageUp.php"             //图片上传提交地址 

           //,imagePath:URL + "php/"                     //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置 

           ,imagePath:"http://test.mathandcs.com/" 

           ,imageFieldName:"upfile"                   //图片数据的key,若此处修改,需要在后台对应文件修改对应参数 

     

    这里的imageURL是图片上传所调用的php文件的地址,而imagePath则是为新上传的图片生成的图片地址的host部分;

    再打开ueditor/php/下的imageUp.php文件,有配置如下:

    百度UEditor编辑器使用教程与使用方法

    $config = array( 

            "savePath" => "/var/www/store/upload/" ,             //存储文件夹 

            "maxSize" => 1000 ,                   //允许的文件最大尺寸,单位KB 

            "allowFiles" => array( ".gif" , ".png" , ".jpg" , ".jpeg" , ".bmp" )  //允许的文件格式 

        ); 

        //上传文件目录 

        //$Path = "upload/"; 

        $Path = "/var/www/store/upload/"; 

    这里需要把上传文件到服务器的目的地址(上传文件保存文件)savePath修改成你指定的文件地址。

    由于相对路径和绝对路径的问题,生成的地址有可能是错的,这时就要hack一下生成图片URL的JS文件:

    ueditor/dialogs/image/image.js 中修改:

    百度UEditor编辑器使用教程与使用方法

    /**

                     * @author wusuopubupt

                     * @date 2013-10-24

                     * @return url modified

                     * */ 

                    var reg = /\/var\/www\/test\/upload\//; 

                    url = url.replace(reg,""); 

               var $img = $("<img src=’" + editor.options.imagePath + url + "’ class=’edui-image-pic’ />"), 

                        $item = $("<div class=’edui-image-item edui-image-upload-item’><div class=’edui-image-close’></div></div>").append($img); 

    这里的正则的规则要根据具体情况来定!

    至此,Ueditor便在我的环境中配置成功了。

    展开全文
  • 主要为大家详细介绍了vue集成百度UEditor富文本编辑器使用教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • ueditor 编辑器使用(编辑)

    万次阅读 2018-12-25 11:24:16
    &lt;!DOCTYPE html&gt; &lt;html&gt;  &lt;head&...编辑器&lt;/title&gt;  //引入一下js文件,另外,要下载Ueditor的的压缩包  //官网地址:https://ueditor

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>编辑器</title>

            //引入一下js文件,另外,要下载Ueditor的的压缩包

            //官网地址:https://ueditor.baidu.com/website/download.html

            <script type="text/javascript" src="/static/UEditor/ueditor.config.js"></script>
            <script type="text/javascript" src="/static/UEditor/ueditor.all.js"></script>
        </head>
        <body>

               <div>

                   <script id="content" name="content" type="text/plain" style="width:100%;"></script>

              </div>

       </body>
        <!-- 实例化编辑器 -->
        <script type="text/javascript">
            var ue = UE.getEditor('content', {
                toolbars: [[
                        'fullscreen', 'source', 'undo', 'redo', '|',
                        'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc'
                    ]],
                autoHeightEnabled: false,
                initialFrameHeight: 300,
                serverUrl: 'http://' + location.host + '/upload.php',  //此处请求服务器的地址
                imageFieldName: "file",
                imageUrlPrefix: '',
                imageActionName: 'ajaxUpload',
                imageAllowFiles: [".png", ".jpg", ".jpeg", ".gif", ".bmp"],
                catcherActionName: 'catchimage', //在编辑器中粘贴图片,会调用此配置的方法,
                catcherFieldName: "source",  //回调时的表单字段名称,可自定义
                catcherUrlPrefix: '',
            });   

          </script>

    </html>

    注:压缩包中的config.json,这个文件中可以配置编辑其中,上传图片或文件的保存地址,以及表单的提交字段等信息,可根据自己的需求,进行更改!

    已下图片就是刚刚我们在js中单独配置的抓取远程图片的配置,如果你在实例化编辑器的时候,没有单独配置的话,默认就是用config.json中的配置!

    展开全文
  • 本文实例讲述了Laravel框架集成UEditor编辑器方法。分享给大家供大家参考,具体如下: 一、 背景 在项目开发的过程中,免不了使用修改功能,而富文本编辑器是极为方便的一种推荐,当然,个人认为 MarkDown 更为...
  • ueditor编辑器使用教程

    2017-04-19 20:53:00
    本人java开发,图片上传肯定使用java版本的 1.百度官网下载源码 http://ueditor.baidu.com/website/download.html#ueditor ...1.实现文件上传,需要将拷贝 java代码,如图 ...  /*编辑器开始 */

    本人java开发,图片上传肯定使用java版本的

    1.百度官网下载源码

    http://ueditor.baidu.com/website/download.html#ueditor


    1.实现文件上传,需要将拷贝 java代码,如图


    2.拷贝样式文件和js文件如图


    在我的项目中是这样配置的



    3.项目中引用


      <script id="editor" type="text/plain" name="content" style="width:100%;height:300px;"></script>	
    /*编辑器开始  */
    	$(function(){
    		 var editor=UE.getEditor('editor',{
    			    toolbars: [
    			               ['source', 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset',
    			                'blockquote', 'pasteplain', '|', 'date','fontfamily','fontsize', 'forecolor','insertimage']
    			           ],
    			          
    			           wordCount :false
    			       }
    					 
    			 );
    	})
    
    	/*编辑器结束  */


    至此ueditor的配置结束了,但是仍然存在问题

    1、修改config.json文件

     

     



     

    2Controler.jsp文件

     

     

    3、文件上传延迟



    展开全文
  • 一、请根据需要到官方网站下载(http://ueditor.baidu.com/build/build_down.php?t=1_2_5_1-utf8-php)(这是PHP服务器端的下载包)。二、UEditor相关操作1、在...3、在使用编辑器的html页面导入以下js文件4、在html页面...
  • 使用 UEditor 编辑器 时遇到了跨域的问题,导致无法发图片,原因是由于 iframe 中的 src 跨域造成的
  • UEditor是一个开源免费的编辑器,由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码
  • kindeditor和ueditor编辑器使用方法总结

    千次阅读 2017-01-12 15:53:59
    使用用内置的方法实例化对象,在实例化对象的时候,需要传入编辑器占位的id,也可以传递参数,或事件绑定. 传递参数会以json的形式传递进去,包括各种控件的自定义和某些特性的禁用. 2.kindeditor编辑器使用2-1....
  • 主要介绍了UEditor百度编辑器安装与使用方法分享,需要的朋友可以参考下
  • ueditor.all.js 百度富文本编辑器ueditor配合angularjs的使用 内附源码 及使用方法说明
  • UMeditor,它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器,具有轻量,可定制,注重用户体验等特点,允许自由使用和修改代码,适用于前台快速简单回复框或后台内容编辑器。...
  • 主要介绍了Ueditor和CKeditor 两款编辑器使用与配置方法,需要的朋友可以参考下
  • 最近在做一个微信素材编辑器的小项目,使用到了UEditor编辑器使用中出现了许多问题。 1.介绍 UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 5,888
精华内容 2,355
关键字:

ueditor编辑器使用教程

友情链接: ease51.zip