如何将后台ckeditor编辑器下载更换为ueditor百度编辑器

网站教程很多了,关于ueditor我也不做过多介绍了,官网上都有。这里着重说说个人使用时遇到的问题 分享给大家
1.去Ueditor官网下载最新的php版本 解压后,将文件夹的名字改为ueditor,上传至网站根目录的include中。
2.修改include中inc文件夹中的inc_fun_funAdmin.php文件(注意备份之前的文件)找到以下代码(最新的大约在212行左右)
$GLOBALS['tools'] = empty($toolbar[$etype])? $GLOBALS['tools'] : $toolbar[$etype] ;
$config['toolbar'] = $GLOBALS['tools'];
$config['height'] = $
$config['skin'] = 'kama';
$CKEditor-&returnOutput = TRUE;
$code = $CKEditor-&editor($fname, $fvalue, $config, $events);
if($gtype=="print")
3.在****位置加入如下代码
else if($GLOBALS["cfg_html_editor"]=="ueditor")
&&&&&&&&&&& $fvalue = $fvalue=="" ? "&p&&/p&" : $
&&&&&&&&&&& $code = "&script type="text/javascript"
charset="utf-8"
src="".$GLOBALS["cfg_cmspath"]."/include/ueditor/ueditor.config.js"&&/script&
&&&&&&&&&&& &script type="text/javascript" charset="utf-8"
src="".$GLOBALS["cfg_cmspath"]."/include/ueditor/ueditor.all.js"&&/script&
&&&&&&&&&&& &link rel="stylesheet" type="text/css"
href="".$GLOBALS["cfg_cmspath"]."/include/ueditor/themes/default/css/ueditor.css"/&
&textarea name="".$fname."" id="".$fname."" style="width:100%;"&".$fvalue."&/textarea&
&script type="text/javascript"&var ue = new
baidu.editor.ui.Editor();ue.render("".$fname."");&/script&";
&&&&&&&&&&& if($gtype=="print")
&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& echo $
&&&&&&&&&&& }
&&&&&&&&&&& else
&&&&&&&&&&& {
&&&&&&&&&&&&&&&&&&& return $
&&&&&&&&&&& }
4 .进入后台系统设置--核心设置修改编辑器为ueditor
至此,后台的编辑器已经可以使用了,但最主要的还是前台看到。下面的步骤就很重要了(惭愧的说本人卡在这很久)
5.在你的文章页模板的底部....中加入如下代码!
12345 &script type="text/javascript"&
&&& SyntaxHighlighter.highlight();
&&& var editor_a = new baidu.editor.ui.Editor();
&&& editor_a.render( 'myEditor' );
并在内容页的模板head中加入如下代码
12 &script type="text/javascript" src="/include/ueditor/third-party/SyntaxHighlighter/shCore.js"&&/script&
&link type="text/css" rel="stylesheet" href="/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" /&
*注意路径,更改为你ueditor的目录下对应的文件目录
6.最后更新缓存,生成文档!
更多信息请查看
更多信息请查看
易贤网手机网站地址:
【】&&&&&【点此处查询各地各类考试咨询QQ号码及交流群】
由于各方面情况的不断调整与变化,易贤网所提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
云南各地招聘
&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp会员注册
本站不参与评论,(&&点此深度交流 )
自觉遵守:爱国、守法、自律、真实、文明的原则
尊重网上道德,遵守中华人民共和国各项有关法律法规
严禁发表危害国家安全,破坏民族团结、国家宗教政策和社会稳定,含侮辱、诽谤、教唆、淫秽等内容的评论
承担一切因您的行为而直接或间接导致的民事或刑事法律责任
您在本站发表的评论,本站有权保留、转载、引用或者删除
参与本评论即表明您已经阅读并接受上述条款一丶ueditor&百度编辑器
1.官方文档,演示,下载地址:
2.百度编辑器的好:Editor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点。
3.如果想定制你想要的编辑器功能:查看官方网站的下载页面即可。
4.编辑器展示:
5.百度编辑器配置。
& & &1.载入js,css文件
&script src="ueditor/editor_config.js" type="text/javascript"&&/script&
&script src="ueditor/editor_all.js" type="text/javascript"&&/script&
&link href="ueditor/themes/default/ueditor.css" rel="stylesheet" type="text/css" /&
& & & 2.页面配置
&div id="myEditor"&&/div&
//可以是aspx控件 只要id正确即可
&script type="text/javascript"&
var ue = new baidu.editor.ui.Editor();
ue.render("myEditor");
//这里填写要改变为编辑器的控件id
& & & &3.editor_config.js &文件中的路径配置
var tmp = window.location.
URL = window.UEDITOR_HOME_URL || "/SomePackage/Ueditor/ueditor/"; //这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径(指以http开头的绝对路径)
& & & &4.如果你要使用传图片功能,还需要修改net文件下的几个文件截图说明吧(这个路径可以直接删除的,试试。不行了自己再调整下)。
& & & & 同理将net文件下其它文件类似的错误更正后即可上传图片。&
& & & & 图片上传默认位置为:net文件夹下。上传一张打开即可发现一个upload文件夹。
& & & &5.ueditor&的很多默认配置都在 editor_config.js这个文件中,细心看的话,开启或关闭其中的配置是可以解决很多问题的。
& & & &6.我在使用过程中还遇到过编辑器内容影响整体页面的布局问题,这问题是在editor_all.js这个文件中修改的默认样式问题的。& & & & &
* 渲染编辑器的DOM到指定容器,必须且只能调用一次
* @function
* @param {Element|String} container
render:function ( container ) {
var me = this, options = me.
if ( container.constructor === String ) {
container = document.getElementById( container );
if ( container ) {
var useBodyAsViewport = ie && browser.version & 9,
html = ( ie && browser.version & 9 ? '' : '&!DOCTYPE html&') +
'&html xmlns=\'http://www.w3.org/1999/xhtml\'' + (!useBodyAsViewport ? ' class=\'view\'' : '') + '&&head&' +
( options.iframeCssUrl ? '&link rel=\'stylesheet\' type=\'text/css\' href=\'' + utils.unhtml( options.iframeCssUrl ) + '\'/&' : '' ) +
'&style type=\'text/css\'&' +
//这些默认属性不能够让用户改变
//选中的td上的样式
'.selectTdClass{background-color:#3399FF !}' +
'table.noBorderTable td{border:1px dashed #ddd !important}' +
//插入的表格的默认样式
'table{clear:margin-bottom:10border-collapse:word-break:break-}' +
//分页符的样式
'.pagebreak{display:clear:both !cursor:default !width: 100% !margin:0;}' +
//锚点的样式,注意这里背景图的路径
'.anchorclass{background: url(\'' + me.options.UEDITOR_HOME_URL + 'themes/default/images/anchor.gif\') no-repeat scroll lefborder: 1px dotted #0000FF;cursor:display: inline-height: 16width: 15}' +
//设置四周的留边
'.view{padding:0;word-wrap:break-cursor:height:100%;}\n' +
//设置默认字体和字号
'body{margin:8font-family:\'宋体\';font-size:16}' +
//针对li的处理
'li{clear:both}' +
//设置段落间距
'p{margin:5px 0;}'
+ ( options.initialStyle || '' ) +
'&/style&&/head&&body' + (useBodyAsViewport ? ' class=\'view\'' : '') + '&&/body&';
最后对这个编辑器总结下:很好用的,代码很容易读懂,便于修改配置为自己喜欢的想要的。&
二丶CKEditor丶CKFinder 国外知名编辑器&
&1.官方文档,演示,下载地址:&丶&/download
2.百度编辑器的好:是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。
3.编辑器展示:
4.配置步骤以及一些常用配置
& & & & & 1.引入&script src="ckeditor/ckeditor.js" type="text/javascript"&&/script&
& & & & & 2.页面代码
&!--第一个---&
&textarea id="TextArea1" cols="20" rows="2" class="ckeditor"&&/textarea&
&!--第二个---&
&div id="editorSpace"&&/div&
&!--直接设置class好像也行的可以试试---&
&script type="text/javascript"&
CKEDITOR.appendTo('editorSpace');
& & & & & 3.配置ckeditor的一些常用配置,在config.js这个文件中,所有的属性配置都可以查阅官方的API:
& & & & & 4.列出一些常用的属性配置:
CKEDITOR.editorConfig = function( config )
// Define changes to default configuration here. For example:
// config.language = 'fr';
// config.uiColor = '#AADC6E';
//config.width=700;
//config.height=400;
//config.skin='v2';
//自带皮肤种类有3种:Kama(默认) , Office 2003 , v2
//config.font_names = '宋体;楷体 _GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;AComic Sans MS;Courier NTTimes New RVerdana';
//如果上传图片或者flash则需要,下面配置ckfinder
var ckfinderPath = "/SomePackage/FCKeditor/ckfinder";
//配置为绝对路径
config.filebrowserBrowseUrl = ckfinderPath + "/ckfinder.html";
config.filebrowserImageBrowseUrl = ckfinderPath + "/ckfinder.html?Type=Image";
config.filebrowserFlashBrowseUrl = ckfinderPath + "/ckfinder.html?Type=Flash";
config.filebrowserUploadUrl = ckfinderPath + "/core/connector/aspx/connector.aspx?command=QuickUpload&Type=Files";
config.filebrowserImageUploadUrl = ckfinderPath + "/core/connector/aspx/connector.aspx?command=QuickUpload&Type=Images";
config.filebrowserFlashUploadUrl = ckfinderPath + "/core/connector/aspx/connector.aspx?command=QuickUpload&Type=Flash";
& & & & &5.如果上传图片则需在项目中添加ckfinder文件
& & & & &6.第四步为配置上传图片的第一步
& & & & &7.改变ckfinder文件夹下的config.ascx,内容如下:
public override bool CheckAuthentication()
//object str = session["username"];
//if (str != null & Convert.ToBoolean(str) == true)
return true;
//不建议直接返回true,最好做下用户验证判断在返回true(安全),上面为验证的一个实例
& & & & & 8.这样就行了,由于ckfinder不是免费的,所以默认情况下会在上传页面中有红色的广告提示,虽然不影响使用,但总是觉得不爽。& & & & & 9.去除广告方法:找到ckfinder/core/js/ckfinder_ie.js及ckfinder_gecko.js,将其中的 en.call(window,qo);去掉
最后对这个编辑器总结下:很强大,很好用。世界各地都在用的。
阅读(...) 评论()- 专业帝国CMS模板网
喜欢精准像素请
或点击分享:
帝国CMS后台集成ueditor,kindeditor,ckeditor,tinymce等主流编辑器
帝国CMS后_集成ueditor,kindeditor,ckeditor,tinymce等主流编辑器帝国CMS后_集成 ueditor编辑器,kindeditor编辑器,ckeditor编辑器,tinymce编辑器和帝国自带的infoeditor编辑器(CFKeditor)帝国自带的编辑器为CFKEDITOR已经是很老的编辑器了,新版本的已经不再叫CFKEDITOR,而改名为CKEDITOR。百科上说作者09年的时候改成新名字,由此可见自09年以来帝国的自带编辑器就壹直没有更新――也许因为是稳定的原因吧!先抱怨壹下帝国自带编辑器的毛病,1、与浏览器的兼容性不理想,在IE新版本下开启后_编辑竟然不显示编辑模式,当然官方给出了解决方法。2、谷歌浏览器下分页按钮失效,点分页按钮无法执行操作。3、老问题没有更新,功能不强。编辑器进化到现在已经推陈出新,功能、样式……,咱不能让帝国CMS的开发人员浪费时间去做这些鸡毛蒜皮的小事,索性自己把常用的编辑器都集成在帝国CMS里面了。1、UEDITOR很出名因为是百度官方出版的编辑器,里面的功能非常强大,壹些百度的应用还集成在此编辑器里面。使用此款编辑器有:百度知道、百度百科、京东、微信公众平_等当然他们应该都经过二次开发,内核是壹样的。优化那些:保留了DIV,CLASS等标签,原版会把DIV替换为P,去除CLASS等,加入上传安全验证只有登陆帝国后_才能使用上传功能。前_请自行开发。额外配置可以在ueditor.config.js里面配置!2、KINDEDITOR国内算是老牌的编辑器了,从2006年就已经有,出道早使用广,口碑不错。使用此款编辑器有:拍拍,有道,土豆,盛大网络,华为,站长之家等。优化了那些:加入文件上传功能,上传安全验证只有登陆帝国后_才能使用上传功能。前_请自行开发。回车可选p,br.可以自行到kindeditor设置。3、CKEDITORFCKEDITOR的进化版本,帝国CMS如今使用的就是以前的版本。现在最新版本是4.3.2,老牌中的老牌存在v史久远,超过了10年,可追溯到2003年以前。该款编辑器如今功能强大,插件繁多,使用者云集。这里不用罗列使用的网站了,只要看到这篇文章说明就在用他这就是实力的证明。优化了那些:加入文件上传功能,上传安全验证只有登陆帝国后_才能使用上传功能。增加若干主题模板,可以自行安装,增加插件mathjax(数学公式TeX转换),二维码、帝国分页,网页截图,addcode等插件,配置好图片上传工具。4、TINYMCE本来不想加入这款编辑器,但是想到以前我也是从WORDPRESS转用帝国CMS。以前用的就是他呀。还是集成吧。使用此款编辑器有:微软、甲骨文、WORDPRESS、facebook等。优化了那些:加入文件上传功能,上传安全验证只有登陆帝国后_才能使用上传功能。增加若干皮肤,可自行安装使用,增加二维码插件,加入ResponsiveFilemanager工具(免费上传图片工具,已知BUG上传的时候无法缩略图显示,另外在谷歌浏览器下会闪动。其他功能正常!),官方工具需要购买才能使用。使用说明已经放打包好,请下载。另外如果自己要二次开发或者重新下载安装出现问题自行解决。工具壹个壹个调试过,比如分页、图片上传等另外加入了壹些插件如果自己下载可能得再配置。
最新帝国CMS模板
帝国cms7.2蓝色简约大方后台登陆模板
帝国bootstrap后台登陆模板
帝国cms黑色资讯模板免费下载
帝国仿汽车配件模板
绿色简洁文章资讯模板
帝国cms后台登录模板
帝国cms7.0地方新闻门户模板
帝国cms仿QQJAY空间站模板
蓝色OA风格帝国cms后台登录模板
墨绿风格帝国CMS会员中心模板
如果您的系统设置中的网址填写的是全的,需要修改127行到132行为
&Title&&![CDATA['.$title.']]&&/Title&
安装步骤:第一步:将weixin文件夹全部仿制或上传到帝国系统的\e\extend\路径下,可以更改“weixin”为其它文件名,以下将以不更改进行说明,如有更改请注意路...
帝国CMS插件安装方法1、打开&fieldand.txt&文件,将文件里的所有内容复制到 /e/class/userfun.php 文件里(放在&?php和?&之间任意位置);(推荐用D...
帝国CMS二级联动插件(ajax下拉列表)效果: 使用方法:
将下拉外表关联字段的输入表单替换html代码和投稿表单替换为
帝国CMS一键登录绑定插件,目前集成了QQ登录、新浪微博登录、MSN登录和百度登录四种接口,带后台管理,会员前台可自由绑定解绑,管理后台可查看所有绑定帐号的绑...
具体使用方法查看压缩包中说明。
只测试7.0版,其他版本未做测试,请自行测试注意:这个是能够把图片在本地压缩后再上传的,上传的进度显示的是 已上传/总数 ...
功能描述:
1、可对单信息PING,多信息PING,按表PING。
2、可显示PING后的信息在百度中的排名位置。
一、安装方法:
1、将baiduping目录上传到e/extend...
注:本插件只在帝国cms7.0中测试通过,其他版本未测试。官方分页插件中没有回复功能,只需在e/extend/infocomment/template/index.temp.php中加入:&a href=&#tos...织梦DedeCMS修改默认编辑器ckeditor为百度UEditor编辑器的方法
众所周知,自带的有点不给力,很多功能都无法实现,所以大家得想办法修改编辑器了,推荐大家把默认的ckeditor编辑器更换成百度UEditor编辑器,这个编辑器功能很完善,而且修改起来也不麻烦。
注意:由于百度开发的UEditor编辑器只有utf-8版本的,所以dedecms暂时只有utf-8版本的支持更换编辑器,所以使用gbk版本的就不要更换了,以免出现乱码现象!
dedecms安装好UEditor编辑器之后显示图如下:
从界面风格上看,UEditor属于简洁直观的编辑器。
下面为大家讲解修改方法:
1.下载fordedecms.zip,这是ueditor专门为系统做的一个插件,用于进行内部编辑器的切换。
2.解压下载的zip文件,将解压后得到的ueditor文件夹拷贝到网站目录下的include文件夹下(include文件夹里可以看到ckeditor文件夹)
3.用ueditor文件夹里的inc_fun_funAdmin.php文件覆盖include\inc\下的同名文件。这一点实际上是把ueditor编辑器加入到dedecms后台编辑器列表中。
4.修改网站核心设置里面”Html编辑器”的内容为”ueditor”(该参数在dedecms织梦后台的 系统-&系统参数-&核心设置下,如下图所示)。
以上的第四步是实测有效的,比官方的方法更直接,因为实质也是修改config.cache.inc.php文件。
但是如果试装过以后,或许有人会问:为什么我的编辑器上按钮图标这么少插入代码功能这么少?
答案是因为没有设置。官方教程给出的具体事件一类的我们不需要知道,直接打开ueditor目录下的ueditor.inc.php文件,就可以设置各种模型下编辑器的功能按钮。$toolbar['Basic'] = array 下面的数组设置图片集模型下ueditor编辑器样式,而$toolbar['Default'] = array 下面数组设置文章模型下ueditor的编辑器样式。FullScreen是全屏按钮,Map是插入百度地图按钮(是图片的那种,真实的地图)等等,本质就和一样,简洁易用。
末了,需要说明的是本人在使用中还是发现了一些不足和问题。
比如如果直接用编辑器上传图片,图片会上传到编辑器下的某个目录里并带上加域名的URL全地址,这样相当于把后台目录暴露了而且管理起来不方便。当然测试采集和远程保存的时候没有出现这样的问题。插入日历的时候发现日历格式在里没有定义。插入媒体文件里面没有flash和flv的单独分类。
此外和众多的编辑器一样没有批量上传图片的功能,这一点我非常不理解。
不过对于傻瓜话的能直接整合进dedecms的编辑器而言,还是有一个亮点,那就是可以插入百度地图,这个对于购物社交类网站似乎有些作用。当然,主流编辑器现在都有这样的功能,只不过都没有为dedecms单独做包。百度的编辑器能单独把dedecms列出来,织梦在CMS界的影响力也可见不一般。
固定链接: 织梦修改默认编辑器ckeditor为百度UEditor编辑器的方法 | Orz Seo
猜您也喜欢...
?   一般来说,我们如果发表了一篇文章以后 ,都希望文章下面有本文....
?   很多使用织梦网站程序的站长筒子们希望能够实现通过邮箱来验证验....
?   很多织梦站长朋友们用了几年的织梦,做了无数的织梦模板,但是都....
?   昨天小编在使用织梦网站的时候遇到一个问题,在发布文章时,因为....
?   最近在转移 QQ表情图片 (/q/) 的时候,登录后台....
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
附件呢?????
猜你也喜欢看这些...
©2014 织梦吧(d8) DedeCMS学习交流平台
联系我们  , }

我要回帖

更多关于 ckeditor编辑器下载 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信