帝国cms7.5整合百度编辑器ueditor教程

1、根据自己使用的帝国cms版本编码下载对应的ueditor版本

下载地址 http://ueditor.baidu.com/website/download.html#ueditor

2、解压附件，重命名为”ueditor“，将”ueditor“文件夹上传至帝国cms的/e/data/ecmseditor/下

3、进入帝国CMS后台，依次点击：系统 - 新建表与系统模型 - 管理数据表 - 管理字段，修改字段输入表单

4、修改”newstext 新闻正文“字段

5、将以下代码，覆盖到”输入表单替换HTML代码“处

 1 <script type="text/javascript" src="/e/data/ecmseditor/ueditor/ueditor.config.js"></script>
 2 <script type="text/javascript" src="/e/data/ecmseditor/ueditor/ueditor.all.js"></script>
 3 <link rel="stylesheet" href="/e/data/ecmseditor/ueditor/themes/default/ueditor.css">
 4 <script type="text/plain" id="myEditor" name="newstext">
 5 <?=$ecmsfirstpost==1?"":stripSlashes($r[newstext])?>
 6 </script>
 7 <script type="text/javascript">
 8 var editor = new baidu.editor.ui.Editor();
 9 editor.render("myEditor");
10 editor.classid = <?=$classid?>;
11 editor.filepass = <?=$filepass?>;
12 </script>
13 <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#DBEAF5">
14 <tr>
15 <td bgcolor="#FFFFFF"> <input name="dokey" type="checkbox" value="1"<?=$r[dokey]==1?‘ checked‘:‘‘?>>
16 关键字替换&nbsp;&nbsp; <input name="copyimg" type="checkbox" id="copyimg" value="1">
17 远程保存图片(
18 <input name="mark" type="checkbox" id="mark" value="1">
19 <a href="SetEnews.php" target="_blank">加水印</a>)&nbsp;&nbsp;
20 <input name="copyflash" type="checkbox" id="copyflash" value="1">
21 远程保存FLASH(地址前缀：
22 <input name="qz_url" type="text" id="qz_url" size="">
23 )</td>
24 </tr>
25 <tr>
26
27 <td bgcolor="#FFFFFF"><input name="repimgnexturl" type="checkbox" id="repimgnexturl" value="1"> 图片链接转为下一页&nbsp;&nbsp; <input name="autopage" type="checkbox" id="autopage" value="1"> 自动分页
28 ,每
29 <input name="autosize" type="text" id="autosize" value="5000" size="5">
30 个字节为一页&nbsp;&nbsp; 取第
31 <input name="getfirsttitlepic" type="text" id="getfirsttitlepic" value="" size="1">
32 张上传图为标题图片(
33 <input name="getfirsttitlespic" type="checkbox" id="getfirsttitlespic" value="1">
34 缩略图: 宽
35 <input name="getfirsttitlespicw" type="text" id="getfirsttitlespicw" size="3" value="<?=$public_r[spicwidth]?>">
36 *高
37 <input name="getfirsttitlespich" type="text" id="getfirsttitlespich" size="3" value="<?=$public_r[spicheight]?>">
38 )</td>
39 </tr>
40 </table>

6、帝国CMS百度编辑器整合完成，其他模型整合同理。

帝国CMS前台显示代码高亮教程。将以下代码复制到要显示代码高亮的页面。

1 <script src="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCore.js" type="text/javascript"></script>
2 <link rel="stylesheet" href="/e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
3 <script type="text/javascript">
4 SyntaxHighlighter.all();
5 </script>

最后在加一条解决百度编辑器代码高亮不换行的BUG

1、找到高亮代码显示的css文件  /e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css

2、搜索

1 width:100%!important;margin:.3em 0 .3em 0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1px solid #ccc!important;

3、替换成以下代码

1 width:100%!important;margin:.3em 0 .3em 0!important;position:relative!important;overflow:auto!important;background-color:#f5f5f5!important;border:1px solid #ccc!important;word-break:break-all;

4、保存完成

原来的代码：

<?=ECMS_ShowEditorVar("newstext",$ecmsfirstpost==1?"":stripSlashes($r[newstext]),"Default","","1000px","800px")?>

<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#DBEAF5">

<tr>

<td bgcolor="#FFFFFF"> <input name="dokey" type="checkbox" value="1"<?=$r[dokey]==1?‘ checked‘:‘‘?>>

关键字替换&nbsp;&nbsp; <input name="copyimg" type="checkbox" id="copyimg" value="1">

远程保存图片(

<input name="mark" type="checkbox" id="mark" value="1">

<a href="SetEnews.php<?=$ecms_hashur[whehref]?>" target="_blank">加水印</a>)&nbsp;&nbsp;

<input name="copyflash" type="checkbox" id="copyflash" value="1">

远程保存FLASH(地址前缀：

<input name="qz_url" type="text" id="qz_url" size="">

)</td>

</tr>

<tr>

<td bgcolor="#FFFFFF"><input name="repimgnexturl" type="checkbox" id="repimgnexturl" value="1"> 图片链接转为下一页&nbsp;&nbsp; <input name="autopage" type="checkbox" id="autopage" value="1"> 自动分页

,每

<input name="autosize" type="text" id="autosize" value="5000" size="5">

个字节为一页&nbsp;&nbsp; 取第

<input name="getfirsttitlepic" type="text" id="getfirsttitlepic" value="" size="1">

张上传图为标题图片(

<input name="getfirsttitlespic" type="checkbox" id="getfirsttitlespic" value="1">

缩略图: 宽

<input name="getfirsttitlespicw" type="text" id="getfirsttitlespicw" size="3" value="<?=$public_r[spicwidth]?>">

*高

<input name="getfirsttitlespich" type="text" id="getfirsttitlespich" size="3" value="<?=$public_r[spicheight]?>">

)</td>

</tr>

</table>

原文地址：https://www.cnblogs.com/surplus/p/11294239.html

时间： 2024-08-29 07:39:40

帝国cms7.5整合百度编辑器ueditor教程的相关文章

dedecms整合百度编辑器(Ueditor)之上传图片加水印的办法

Ueditor抓取远程图片加水印方法 打开getRemoteImage.php, 找到://远程抓取图片配置 在上面添加: require_once('../../../dede/config.php');//dede为你的后台目录 require_once(DEDEADMIN."/inc/inc_archives_functions.php"); 继续修改getRemoteImage.php, 找到: fwrite( $fp2 , $img ); 在下面添加: @WaterImg($

requirejs 整合百度编辑器ueditor

配置文件: path:{     'baidueditor': 'ueditor1_4_3-utf8-php/uemy',     'bdlang': 'ueditor1_4_3-utf8-php/lang/zh-cn/zh-cn',     'zeroclipboard': 'ueditor1_4_3-utf8-php/third-party/zeroclipboard/ZeroClipboard.min', }, shim:{     'baidueditor': { deps: ['ued

ECSHOP安装百度编辑UEditor教程

ECSHOP系统自带的编辑器大家用过都知道,难用不说,还不能批量上传图片.很多朋友都喜欢百度编辑器,因为百度编辑器功能强大,使用方便,而且不会生成太多多余代码.网上有许多ECSHOP整合百度编辑器的教程,但大多都有一些问题.ECSHOP模板屋提供一个比较完整的教程. 先看效果图: 1.到百度编辑器ueditor官网下载最新版,将文件夹改名为“ueditor”,上传到 /includes/ 目录下 (也可以下载制作好的ueditor1_4_3_3-utf8-php版) 点击下载 百度编辑器uedi

百度编辑器ueditor前台代码高亮无法自动换行解决方法

这两天本站成功安装整合了百度编辑器ueditor,用着还挺不错,但是遇到了点小问题 问题描述: 在内容里面插入代码高亮显示,后台编辑器中是可以自动换行的,但是发表后,在前台查看,发现代码不能自动换行,直接超出了内容页的边界,极不美观,虽然复制是可以完整的. 解决办法: 找到高亮代码显示的css文件  /e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css 具体的路径根据你的ueditor做改动 找到 代

百度编辑器UEditor PHP版下载

Ueditor是由百度web前端研发部开发所见即所得的编辑器,具有轻量,可定制,注重用户体验等特点.Ueditor基于BSD开源协议,除了具有代码精简.加载迅速的轻量级特质外,还采用了分层理念,使开发者可以根据实际应用和需求自由定制. Ueditor编辑器划分为了三层架构.其中,核心层为开发者提供了诸如range.selection.domUtils类的底层API接口,中间的命令插件层不仅提供了大量的基础command,还允许开发者基于核心层进行command命令的开发,而面向用户端的界面层则可

关于百度编辑器UEditor的一点说明

大家在使用的时候要特别注意editor_config.js中的“URL”这个参数 我的理解:1.这个参数是editor整个结构的总路径          2.首先要把这个路径配置好了.才能正常的显示,并使用editor的功能 关于百度编辑器UEditor中的上传图片控件(多图片上传)的提取 本人才疏学浅,用IE一点点来调试.才完成这个功能,结果没有一个清楚的文章分享给大家实在惭愧. 文字不好说明,如果朋友们有需要,请加我的QQ,问题我们一起来讨论

百度编辑器ueditor给上传的图片添加水印

百度编辑器本身是没有为上传图片添加水印的功能,想要在上传的时候添加图片水印,也很简单.以 ueditor 1.2.6 为例,打开php目录下面的imageUp.php文件,查找"$info = $up->getFileInfo();",在这句代码的下面加入以下代码: /* 添加水印 start */ $water_img = "watermark.png"; //水印文件(替这里换成你要的水印) $img_min_w = 350; //添加水印需要图片最小达到

百度编辑器ueditor 在vs2008中的使用方法

个人觉得百度编辑器ueditor还是不错的,虽然出生的时间比较短,但某些方面相比其它富文本编辑器更优秀,免费.可定制等等. 由于在官方下载的ueditor包是在vs2012下开发的,可以在vs2010中使用,但在vs2008中就会报错.折腾了一翻,现将解决方法分享给需要的朋友,其实就是把里面包含.net4.0的元素换成.net3.5的 1.下载.net framework 3.5版的Newtonsoft.Json.dll替换原来的 2.删除config.cs里的 using System.Dyn

百度编辑器 Ueditor 如何增加字体 ？

在百度编辑器 Ueditor 如何增加字体 ? 要修改两个文件: 第一个文件:editor-config.js: ,'fontfamily':[             { label:'',name:'songti',val:'宋体,SimSun'},             { label:'',name:'kaiti',val:'楷体,楷体_GB2312, SimKai'},             { label:'',name:'yahei',val:'微软雅黑,Microsoft Y