欧进忠 發表於 2023-6-2 00:00:00

PHPCMS v9.5.6整合UEditer1.4.3详细教程

<p>
首先去UEditor官网下载所需对应版本:http://ueditor.baidu.com/website/download.html</p>
<p>
这里以1.4.3 PHP 版本,UTF-8版 为例=&gt;</p>
<p>
1. 将所下载的程序包解压,得到程序包目录,将程序包目录更名为ueditor。</p>
<p>
2. 将ueditor包放入PHPCMS_PATH/statics/js/中。(PHPCMS_PATH为phpcms的入口文件所在路径)</p>
<p>
3. 修改ueditor/php/config.json,将上传路径/ueditor/php/upload/image/{yyyy}{mm}{dd}/{time}{rand:6} 改为</p>
<p>
/phpcms/uploadfile/{yyyy}/{mm}{dd}/{yyyy}{mm}{dd}{rand:6},符合PHPCMS的路径规则。</p>
<p>
4. 修改ueditor/ueditor.config.js配置文件,</p>
<p>
  1) 自定义工具栏内容: ,toorbars : [[ ********** ]]</p>
<p>
  这个工具栏图标你可以参照官方文档进行修改,去掉不需要的功能:http://fex.baidu.com/ueditor/#start-toolbar</p>
<p>
  2) 自定义编辑器宽高: ,initialFrameWidth:700   //初始化编辑器宽度,默认1000</p>
<p>
              ,initialFrameHeight:350  //初始化编辑器高度,默认320</p>
<p>
 5. 修改PC_PATH/libs/classes/form.class.php文件,</p>
<p>
  将原来的:</p>
<p>
 </p>
<div>

<p>
代码如下:</p>
</div>
<div id="phpcode3">
<br>
if(!defined('EDITOR_INIT')) {<br>
$str = '&lt;script type="text/javascript" src="'.JS_PATH.'ckeditor/ckeditor.js"&gt;&lt;/script&gt;';<br>
define('EDITOR_INIT', 1);<br>
}</div>
<p>
 </p>
<p>
    改为:</p>
<p>
 </p>
<div>

<p>
代码如下:</p>
</div>
<div id="phpcode4">
<br>
if(!defined('EDITOR_INIT')) {<br>
$str .= '&lt;script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.config.js"&gt;&lt;/script&gt;';<br>
$str .= '&lt;script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.all.js"&gt;&lt;/script&gt;';<br>
$str .= '&lt;script type="text/javascript" src="'.JS_PATH.'ueditor/ueditor.parse.js"&gt;&lt;/script&gt;';<br>
$str .= '&lt;link rel="stylesheet" href="'.JS_PATH.'ueditor/themes/default/css/ueditor.css"/&gt;';<br>
define('EDITOR_INIT', 1);}<br>
$str .= "&lt;script type=\"text/javascript\"&gt;\r\n";<br>
$str .= "var editor = UE.getEditor('$textareaid');";<br>
$str .= '&lt;/script&gt;';</div>
<p>
 </p>
<p>
6. 在ueditor/themes/default/css/ueditor.css中,</p>
<p>
  /*UI工具栏,编辑区域,底部样式*/ 里</p>
<p>
  增加一行: width:auto !important;   //注:增加此行,使编辑器自适应</p>
<p>
7. 去编辑器下方除子标题显示:去掉phpcms/libs/classes/form.class.php中 如下代码,</p>
<p>
 </p>
<div>

<p>
代码如下:</p>
</div>
<div id="phpcode5">
<br>
$ext_str = "&lt;div class='editor_bottom'&gt;";<br>
  if(!defined('IMAGES_INIT')) {<br>
  $ext_str .= '&lt;script type="text/javascript" src="'.JS_PATH.'swfupload/swf2ckeditor.js"&gt;&lt;/script&gt;';<br>
  define('IMAGES_INIT', 1);<br>
}<br>
  $ext_str .= "&lt;div id='page_title_div'&gt;<br>
  &lt;table cellpadding='0' cellspacing='1' border='0'&gt;&lt;tr&gt;&lt;td class='title'&gt;".L('subtitle')."&lt;span id='msg_page_title_value'&gt;&lt;/span&gt;&lt;/td&gt;&lt;td&gt;<br>
  &lt;a class='close' href='javascript:;' onclick='javascript:$(\"#page_title_div\").hide();'&gt;&lt;span&gt;×&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;<br>
  &lt;tr&gt;&lt;td colspan='2'&gt;&lt;input name='page_title_value' id='page_title_value' class='input-text' value='' size='30'&gt;&amp;nbsp;&lt;input type='button' class='button' value='".L('submit')."' onclick=insert_page_title(\"$textareaid\",1)&gt;&lt;/td&gt;&lt;/tr&gt;<br>
  &lt;/table&gt;&lt;/div&gt;";<br>
  $ext_str .= "&lt;/div&gt;";</div>
<p>
 </p>
<p>
至此,已完成修改,欢迎留言交流。</p>
頁: [1]
查看完整版本: PHPCMS v9.5.6整合UEditer1.4.3详细教程