为织梦dedecms不同页面中百度ueditor编辑器设置不同宽度

欢迎您访问我爱IT技术网，今天小编为你分享的电脑教程是建站经验系列之：【为织梦dedecms不同页面中百度ueditor编辑器设置不同宽度】，下面是详细的分享！

为织梦dedecms不同页面中百度ueditor编辑器设置不同宽度

       相信正在使用织梦dedecms作为网站管理程序的站长朋友对织梦自带的ckeditor编辑器一定感到非常纠心：其难看的外观，不太好用的添加视频功能，超级弱智的图片上传项，就连按个"tab"键都要跳出编辑框...这些无不让我们对其深恶痛绝（可能说得有点夸张）！

       本人最近开了一个新站，最初因为这个ckeditor编辑器给编辑工作带来了诸多不便，所以最后痛下决心：改成百度ueditor。

       为什么改成ueditor而不是别的编辑器呢？原因主要有三点：

       一、ueditor界面相当美观，用起来舒服；

       二、功能强悍，比如图片上传功能：它支持批量上传，图片搜索，还有非常不错的图片管理器；再比如视频添加功能：直接填写优酷土豆等视频网址即可，不用像ckeditor那样非常麻烦地去找".swf"的flash地址；

       三、基于百度雄厚的实力，相信这个ueditor功能也会越来越强大。

      是不是心动了？想体验ueditor的朋友可以去我的小创意网（www.smallcy.com）看看，相信会带给你不错的体验。

      不过ueditor装上后也不是马上就能用的（至于怎么安装，大家可以在官方论坛上找），一般都会存在一些小问题。下面我就来谈谈其中一个非常重要的问题的解决方案。

       安装完ueditor后，我们可以在ueditor的配置文件中对其界面宽度进行设置，但问题就出在这里，在这里设置的宽度是对全局而言，即所有网站内的编辑器宽度都一样。但对于我们dedecms用户而言，一般前台和后台编辑器宽度不一致，这样就会造成编辑器越界的问题。解决方案：将ueditor宽度设置放在编辑器调用阶段，具体做法如下：

1. /include/helpers/util.helper.php中增加以下代码：

if ( ! function_exists('GetEditorD'))

{

    function GetEditorD($fname, $fvalue, $nheight="350", $etype="Basic", $gtype="print", $isfullpage="FALSE",$bbcode=false)

    {

        if(!function_exists('SpGetEditorD'))

        {

            require_once(DEDEINC."/inc/inc_fun_funAdmin.php");

        }

        return SpGetEditorD($fname, $fvalue, $nheight, $etype, $gtype, $isfullpage, $bbcode);

    }

}

2. /include/inc/inc_fun_funAdmin.php中增加以下代码：

function SpGetEditorD($fname,$fvalue,$nheight="350",$etype="Basic",$gtype="print",$isfullpage="false",$bbcode=false)

{

    global $cfg_ckeditor_initialized;

    if(!isset($GLOBALS['cfg_html_editor']))

    {

        $GLOBALS['cfg_html_editor']='fck';

    }

    if($gtype=="")

    {

        $gtype="print";

    }

    if($GLOBALS['cfg_html_editor']=='fck')

    {

        require_once(DEDEINC.'/FCKeditor/fckeditor.php');

        $fck=new FCKeditor($fname);

        $fck->BasePath       =$GLOBALS['cfg_cmspath'].'/include/FCKeditor/' ;

        $fck->Width       ='100%' ;

        $fck->Height       =$nheight ;

        $fck->ToolbarSet   =$etype ;

        $fck->Config['FullPage']=$isfullpage;

        if($GLOBALS['cfg_fck_xhtml']=='Y')

        {

            $fck->Config['EnableXHTML']='true';

            $fck->Config['EnableSourceXHTML']='true';

        }

        $fck->Value=$fvalue ;

        if($gtype=="print")

        {

            $fck->Create();

        }

        else

        {

            return $fck->CreateHtml();

        }

    }

    else if($GLOBALS['cfg_html_editor']=='ckeditor')

    {

        require_once(DEDEINC.'/ckeditor/ckeditor.php');

        $CKEditor=new CKEditor();

        $CKEditor->basePath=$GLOBALS['cfg_cmspath'].'/include/ckeditor/' ;

        $config=$events=array();

        $config['extraPlugins']='dedepage,multipic,addon';

          if($bbcode)

          {

               $CKEditor->initialized=true;

               $config['extraPlugins'] .=',bbcode';

               $config['fontSize_sizes']='30/30%;50/50%;100/100%;120/120%;150/150%;200/200%;300/300%';

               $config['disableObjectResizing']='true';

               $config['smiley_path']=$GLOBALS['cfg_cmspath'].'/images/smiley/';

               // 获取表情信息

               require_once(DEDEDATA.'/smiley.data.php');

               $jsｓｃｒｉｐｔ=array();

               foreach($GLOBALS['cfg_smileys'] as $key=>$val)

               {

                    $config['smiley_images'][]=$val[0];

                    $config['smiley_deｓｃｒｉｐｔions'][]=$val[3];

                    $jsｓｃｒｉｐｔ[]='"'.$val[3].'":"'.$key.'"';

               }

               $jsｓｃｒｉｐｔ=implode(',', $jsｓｃｒｉｐｔ);

               echo jsｓｃｒｉｐｔ('CKEDITOR.config.ubb_smiley={'.$jsｓｃｒｉｐｔ.'}');

          }

 

        $GLOBALS['tools']=empty($toolbar[$etype])? $GLOBALS['tools'] : $toolbar[$etype] ;

        $config['toolbar']=$GLOBALS['tools'];

        $config['height']=$nheight;

        $config['skin']='kama';

        $CKEditor->returnOutput=TRUE;

        $code=$CKEditor->editor($fname, $fvalue, $config, $events);

        if($gtype=="print")

        {

            echo $code;

        }

        else

        {

            return $code;

        }

    }else if($GLOBALS['cfg_html_editor']=='ueditor')

{

        $fvalue=$fvalue=='' ? '<p></p>' : $fvalue;

        $code='<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ" charset="gbk" src=http://www.admin5.com/article/20130416/"'.$GLOBALS['cfg_cmspath'].'/include/ueditor/editor_config.js"></ｓｃｒｉｐｔ>

        <ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ" charset="gbk" src=http://www.admin5.com/article/20130416/"'.$GLOBALS['cfg_cmspath'].'/include/ueditor/editor_all_min.js"></ｓｃｒｉｐｔ>

        <link rel="stylesheet" type="text/css" href=http://www.admin5.com/article/20130416/"'.$GLOBALS['cfg_cmspath'].'/include/ueditor/themes/default/ueditor.css"/>

        <textarea name="'.$fname.'" id="'.$fname.'" style="width:100%;">'.$fvalue.'</textarea>

        <ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ">

        var ue=new baidu.editor.ui.Editor({ initialFrameWidth:824 });ue.render("'.$fname.'");     //红色处为修改宽度

        </ｓｃｒｉｐｔ>';

        if($gtype=="print")

        {

                echo $code;

        }

        else

        {

                return $code;

        }

}

 

    else {

       

    }

}

3. 在编辑器调取页面将以下代码：

<?php GetEditor("body","",350,"Member"); ?>

改为：

<?php GetEditorD("body","",350,"Member"); ?>

以上方案的思想是：在不同界面使用不同的编辑器调用函数。

当然你可以根据需要对以上代码进行删改，还有什么问题可以去小创意网（www.smallcy.com）咨询。

以上所分享的是关于为织梦dedecms不同页面中百度ueditor编辑器设置不同宽度，下面是编辑为你推荐的有价值的用户互动：

　　相关问题：如何将dedecms与ueditor1.43结合

　　答：这个编辑器啊？我给你教程吧，这个是织梦的安装教程：http://www.xuejiqiao.com/chajian/2014581.html 还有百度的http://ueditor.baidu.com/website/index.html这个开发教程，你可以看下 祝你成功 >>详细

　　相关问题：dedecms更换百度编辑器，同时单页面多次调用编辑器...

　　答：因为你调用编辑器的ID是一样的当然会只显示一个，你可以设置第一个编辑器ID=ued 第二个ID=ued1……这样就会显示多个了。 >>详细

　　相关问题：织梦升级之后ueditor编辑器就无法使用了

　　答：这次织梦升级修改的文件比较多，可能把你的编辑器文件给覆盖了，你重新按照 换Ueditor 编辑器的步骤检查，修改到了哪个文件 替换上去即可 淘宝【九戒织梦】店为您解答 （*^__^*） >>详细