为织梦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中增加以下代码：

1. if ( ! function_exists('GetEditorD'))
   
2. {
   
3. function GetEditorD($fname, $fvalue, $nheight="350", $etype="Basic", $gtype="print", $isfullpage="FALSE",$bbcode=false)
   
4. {
   
5. if(!function_exists('SpGetEditorD'))
   
6. {
   
7. require_once(DEDEINC."/inc/inc_fun_funAdmin.php");
   
8. }
   
9. return SpGetEditorD($fname, $fvalue, $nheight, $etype, $gtype, $isfullpage, $bbcode);
   
10. }
    
11. }
    
12. 2. /include/inc/inc_fun_funAdmin.php中增加以下代码：
    
13. function SpGetEditorD($fname,$fvalue,$nheight="350",$etype="Basic",$gtype="print",$isfullpage="false",$bbcode=false)
    
14. {
    
15. global $cfg_ckeditor_initialized;
    
16. if(!isset($GLOBALS['cfg_html_editor']))
    
17. {
    
18. $GLOBALS['cfg_html_editor']='fck';
    
19. }
    
20. if($gtype=="")
    
21. {
    
22. $gtype = "print";
    
23. }
    
24. if($GLOBALS['cfg_html_editor']=='fck')
    
25. {
    
26. require_once(DEDEINC.'/FCKeditor/fckeditor.php');
    
27. $fck = new FCKeditor($fname);
    
28. $fck->BasePath = $GLOBALS['cfg_cmspath'].'/include/FCKeditor/' ;
    
29. $fck->Width = '100%' ;
    
30. $fck->Height = $nheight ;
    
31. $fck->ToolbarSet = $etype ;
    
32. $fck->Config['FullPage'] = $isfullpage;
    
33. if($GLOBALS['cfg_fck_xhtml']=='Y')
    
34. {
    
35. $fck->Config['EnableXHTML'] = 'true';
    
36. $fck->Config['EnableSourceXHTML'] = 'true';
    
37. }
    
38. $fck->Value = $fvalue ;
    
39. if($gtype=="print")
    
40. {
    
41. $fck->Create();
    
42. }
    
43. else
    
44. {
    
45. return $fck->CreateHtml();
    
46. }
    
47. }
    
48. else if($GLOBALS['cfg_html_editor']=='ckeditor')
    
49. {
    
50. require_once(DEDEINC.'/ckeditor/ckeditor.php');
    
51. $CKEditor = new CKEditor();
    
52. $CKEditor->basePath = $GLOBALS['cfg_cmspath'].'/include/ckeditor/' ;
    
53. $config = $events = array();
    
54. $config['extraPlugins'] = 'dedepage,multipic,addon';
    
55. if($bbcode)
    
56. {
    
57. $CKEditor->initialized = true;
    
58. $config['extraPlugins'] .= ',bbcode';
    
59. $config['fontSize_sizes'] = '30/30%;50/50%;100/100%;120/120%;150/150%;200/200%;300/300%';
    
60. $config['disableObjectResizing'] = 'true';
    
61. $config['smiley_path'] = $GLOBALS['cfg_cmspath'].'/images/smiley/';
    
62. // 获取表情信息
    
63. require_once(DEDEDATA.'/smiley.data.php');
    
64. $jsｓｃｒｉｐｔ = array();
    
65. foreach($GLOBALS['cfg_smileys'] as $key=>$val)
    
66. {
    
67. $config['smiley_images'][] = $val[0];
    
68. $config['smiley_deｓｃｒｉｐｔions'][] = $val[3];
    
69. $jsｓｃｒｉｐｔ[] = '"'.$val[3].'":"'.$key.'"';
    
70. }
    
71. $jsｓｃｒｉｐｔ = implode(',', $jsｓｃｒｉｐｔ);
    
72. echo jsｓｃｒｉｐｔ('CKEDITOR.config.ubb_smiley = {'.$jsｓｃｒｉｐｔ.'}');
    
73. }
    
74. 
    
75. $GLOBALS['tools'] = empty($toolbar[$etype])? $GLOBALS['tools'] : $toolbar[$etype] ;
    
76. $config['toolbar'] = $GLOBALS['tools'];
    
77. $config['height'] = $nheight;
    
78. $config['skin'] = 'kama';
    
79. $CKEditor->returnOutput = TRUE;
    
80. $code = $CKEditor->editor($fname, $fvalue, $config, $events);
    
81. if($gtype=="print")
    
82. {
    
83. echo $code;
    
84. }
    
85. else
    
86. {
    
87. return $code;
    
88. }
    
89. }else if($GLOBALS['cfg_html_editor']=='ueditor')
    
90. {
    
91. $fvalue = $fvalue=='' ? '<p></p>' : $fvalue;
    
92. $code = '<ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ" charset="gbk" src="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/editor_config.js"></ｓｃｒｉｐｔ>
    
93. <ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ" charset="gbk" src="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/editor_all_min.js"></ｓｃｒｉｐｔ>
    
94. <link rel="stylesheet" type="text/css" href="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/themes/default/ueditor.css"/>
    
95. <textarea name="'.$fname.'" id="'.$fname.'" style="width:100%;">'.$fvalue.'</textarea>
    
96. <ｓｃｒｉｐｔ type="text/javaｓｃｒｉｐｔ">
    
97. var ue = new baidu.editor.ui.Editor({ initialFrameWidth:824 });ue.render("'.$fname.'"); //红色处为修改宽度
    
98. </ｓｃｒｉｐｔ>';
    
99. if($gtype=="print")
    
100. {
     
101. echo $code;
     
102. }
     
103. else
     
104. {
     
105. return $code;
     
106. }
     
107. }
     
108. 
     
109. else {
     
110. /*
     
111. // ------------------------------------------------------------------------
     
112. // 当前版本,暂时取消dedehtml编辑器的支持
     
113. // ------------------------------------------------------------------------
     
114. require_once(DEDEINC.'/htmledit/dede_editor.php');
     
115. $ded = new DedeEditor($fname);
     
116. $ded->BasePath = $GLOBALS['cfg_cmspath'].'/include/htmledit/' ;
     
117. $ded->Width = '100%' ;
     
118. $ded->Height = $nheight ;
     
119. $ded->ToolbarSet = strtolower($etype);
     
120. $ded->Value = $fvalue ;
     
121. if($gtype=="print")
     
122. {
     
123. $ded->Create();
     
124. }
     
125. else
     
126. {
     
127. return $ded->CreateHtml();
     
128. }
     
129. */
     
130. }
     
131. }

复制代码

3. 在编辑器调取页面将以下代码：
<?php GetEditor("body","",350,"Member"); ?>
改为：

1. <?phpGetEditorD("body","",350,"Member"); ?>

复制代码

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