阳光小老头 發表於 2025-6-16 00:00:00

帝国cms整合百度ueditor编辑器图文教程

<p><strong>一、UEditor简介</strong></p>
<p>帝国cms自带文本编辑器是fckeditor,用起来效果不太理想。</p>
<p>百度也推出了自己的编辑器UEditor</p>
<p>UEditor是由WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用。百度UEditor的推出,可以帮助不少网站开者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器所需要的大量时间,有效降低了企业的开发成本。</p>
<p>下边先来贴出几张相片浏览一下百度编辑器UEditor一些特色功能吧!</p>
<p>&nbsp;&nbsp;&nbsp;<strong><img style="max-width:100%!important;height:auto!important;"alt="" height="263" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-2506161423264C.jpg" width="677" /></strong></p>
<p style="text-align:center"><img style="max-width:100%!important;height:auto!important;"alt="" height="467" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-25061614232B32.jpg" width="681" /></p>
<p style="text-align:center"></p>
<p style="text-align:center"><img style="max-width:100%!important;height:auto!important;"alt="" height="418" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-25061614232AL.jpg" width="687" /></p>
<p style="text-align:center"><img style="max-width:100%!important;height:auto!important;"alt="" height="361" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-250616142326430.jpg" width="675" /></p>
<p style="text-align:center"><img style="max-width:100%!important;height:auto!important;"alt="" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-25061614232K34.jpg" /></p>
<p style="text-align:center"></p>
<p><strong>二、帝国CMS6.6整合UEditor</strong></p>
<p>1.根据自己cms的版本下载相应版本<strong>ueditor1.2.2_GBK.rar,ueditor1.2.2_utf8.rar</strong></p>
<p>2.上传至帝国cms的/e/data/ecmseditor/下</p>
<p>3.修改字段输入表单,具体操作:系统--&gt;新建表与系统模型--&gt;管理数据表--&gt;管理字段</p>
<p>如下图所示</p>
<p style="text-align:center"><img style="max-width:100%!important;height:auto!important;"alt="" height="282" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-25061614232L20.jpg" width="596" /></p>
<p style="text-align:center"><img style="max-width:100%!important;height:auto!important;"alt="" height="151" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-25061614232H96.jpg" width="682" /></p>
<p style="text-align:center"><img style="max-width:100%!important;height:auto!important;"alt="" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-25061614232L32.jpg" /></p>
<p style="text-align:center"></p>
<p style="text-align:left">4.将下列代码复制入下图所示红框内</p>
<p style="text-align:left"></p>
<div class="msgheader"><div class="right"><u>复制代码</u></div>代码如下:</div>
<div class="msgborder" id="phpcode42"><br /><br /><br />&lt;link rel=&quot;stylesheet&quot; href=&quot;/e/data/ecmseditor/ueditor/themes/default/ueditor.css&quot;&gt;<br /><br /><br />&lt;table width=&quot;100%&quot; border=&quot;0&quot; cellpadding=&quot;3&quot; cellspacing=&quot;1&quot; bgcolor=&quot;#DBEAF5&quot;&gt;<br />&lt;tr&gt;<br />&lt;td bgcolor=&quot;#FFFFFF&quot;&gt; &lt;input name=&quot;dokey&quot; type=&quot;checkbox&quot; value=&quot;1&quot;&lt;?=$r==1?&#39; checked&#39;:&#39;&#39;?&gt;&gt;<br />关键字替换&amp;nbsp;&amp;nbsp; &lt;input name=&quot;copyimg&quot; type=&quot;checkbox&quot; id=&quot;copyimg&quot; value=&quot;1&quot;&gt;<br />远程保存图片(<br />&lt;input name=&quot;mark&quot; type=&quot;checkbox&quot; id=&quot;mark&quot; value=&quot;1&quot;&gt;<br />&lt;a href=&quot;SetEnews.php&quot; target=&quot;_blank&quot;&gt;加水印&lt;/a&gt;)&amp;nbsp;&amp;nbsp;<br />&lt;input name=&quot;copyflash&quot; type=&quot;checkbox&quot; id=&quot;copyflash&quot; value=&quot;1&quot;&gt;<br />远程保存FLASH(地址前缀:<br />&lt;input name=&quot;qz_url&quot; type=&quot;text&quot; id=&quot;qz_url&quot; size=&quot;&quot;&gt;<br />)&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;tr&gt;<br /><br />&lt;td bgcolor=&quot;#FFFFFF&quot;&gt;&lt;input name=&quot;repimgnexturl&quot; type=&quot;checkbox&quot; id=&quot;repimgnexturl&quot; value=&quot;1&quot;&gt; 图片链接转为下一页&amp;nbsp;&amp;nbsp; &lt;input name=&quot;autopage&quot; type=&quot;checkbox&quot; id=&quot;autopage&quot; value=&quot;1&quot;&gt; 自动分页<br />,每<br />&lt;input name=&quot;autosize&quot; type=&quot;text&quot; id=&quot;autosize&quot; value=&quot;5000&quot; size=&quot;5&quot;&gt;<br />个字节为一页&amp;nbsp;&amp;nbsp; 取第<br />&lt;input name=&quot;getfirsttitlepic&quot; type=&quot;text&quot; id=&quot;getfirsttitlepic&quot; value=&quot;&quot; size=&quot;1&quot;&gt;<br />张上传图为标题图片(<br />&lt;input name=&quot;getfirsttitlespic&quot; type=&quot;checkbox&quot; id=&quot;getfirsttitlespic&quot; value=&quot;1&quot;&gt;<br />缩略图: 宽<br />&lt;input name=&quot;getfirsttitlespicw&quot; type=&quot;text&quot; id=&quot;getfirsttitlespicw&quot; size=&quot;3&quot; value=&quot;&lt;?=$public_r?&gt;&quot;&gt;<br />*高<br />&lt;input name=&quot;getfirsttitlespich&quot; type=&quot;text&quot; id=&quot;getfirsttitlespich&quot; size=&quot;3&quot; value=&quot;&lt;?=$public_r?&gt;&quot;&gt;<br />)&lt;/td&gt;<br />&lt;/tr&gt;<br />&lt;/table&gt;</div>
<p><img style="max-width:100%!important;height:auto!important;"alt="" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-25061614232YR.jpg" /></p>
<p style="text-align:center"><img style="max-width:100%!important;height:auto!important;"alt="" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-25061614232Q56.jpg" /></p>
<p style="text-align:left">5./e/admin/AddNews.php,333行 &lt;html&gt;之上增加一行添加代码来解决某些浏览器可能错位问题<br />&nbsp;</p>
<div class="msgheader"><div class="right"><u>复制代码</u></div>代码如下:</div>
<div class="msgborder" id="phpcode43"><br />&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot; &quot;http://www.w3.org/TR/html4/loose.dtd&quot;&gt;</div>
<p><br />6.关闭网页,重新启动。</p>
<div class="clearfix"></div>
頁: [1]
查看完整版本: 帝国cms整合百度ueditor编辑器图文教程