素材abc - WWW.SUCAIABC.COM - psd素材 - 高清图片素材免费下载!
素材ABC > 教程 > 织梦教程 > 详细内容

更换织梦默认的ckeditor为ueditor百度编辑器

时间:2020-11-15 15:19所属栏目: 织梦教程来源:素材ABC 热度:

最近素材abc的小编在使用织梦编辑代码类与视频的文件,都不太好用。于是就自己动手把织梦默认的ckeditor改为ueditor百度编辑器。终于一天的测试,还是比较好用,下面来分享下过程。

我已经为大家把 百度编辑器UEditor PHP版  http://www.sucaiabc.com/code/phpcode/30992.html  准备好了。

使用说明

1、把下载的zip解压得到ueditor文件夹,把解压到的ueditor文件夹扔进你网站的include文件夹去


2、打开 /include/inc/inc_fun_funAdmin.php 找到

else if($GLOBALS['cfg_html_editor']=='ckeditor')

在它上面加入

else if($GLOBALS['cfg_html_editor']=='ueditor')
{
	$fvalue = $fvalue=='' ? '<p></p>' : $fvalue;
	$code = '<script type="text/javascript" charset="utf-8" src="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/jquery.min.js"></script>
	<!--需要jquery解决多个百度编辑器同时使用-->';
	$code .= '<script type="text/javascript" charset="utf-8" src="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/ueditor.config.js"></script>';
	$code .= '<script type="text/javascript" charset="utf-8" src="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/ueditor.all.min.js"></script>';
	$code .= '<script type="text/javascript" charset="utf-8" src="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/lang/zh-cn/zh-cn.js"></script>';
	$code .= '<link rel="stylesheet" type="text/css" href="'.$GLOBALS['cfg_cmspath'].'/include/ueditor/themes/default/css/ueditor.css"/>';
	$code .= '<script type="text/plain" name="'.$fname.'" id="'.$fname.'">'.$fvalue.'</script>';
	if($bbcode)
	{
		$code .= '<script type="text/javascript">jQuery.noConflict();jQuery(function(){var ue = UE.getEditor("'.$fname.'",{toolbars:[["Source","|",	"bold", "italic", "underline","|","fontsize","forecolor","emotion","Undo", "Redo"]],initialFrameHeight:100});});</script>';
	}
	else
	{
		$code .= '<script type="text/javascript">jQuery.noConflict();jQuery(function(){var ue = UE.getEditor("'.$fname.'",{initialFrameHeight:450});});
		</script>';
	}          

	if($gtype=="print")
	{
		echo $code;
	}
	else
	{
		return $code;
	}
}

3、后台-系统-系统基本参数-核心设置-Html编辑器 ,填写ueditor

更换织梦默认的ckeditor为ueditor百度编辑器

更换ueditor后栏目内容、单页无法保存问题的解决方法

打开

/dede/templets/catalog_add.htm

/dede/templets/catalog_edit.htm


把里面的 form 放置到 <td height="95" align="center" bgcolor="#FFFFFF"> 内,就可以了。

catalog_add.htm 修改如下


catalog_edit.htm 修改如下



本地上传图片添加水印的解决方法

打开 /include/ueditor/php/action_upload.php 找到

include "Uploader.class.php";

在它下面加入

require_once("../../common.inc.php");
require_once("../../image.func.php");


打开 /include/ueditor/php/Uploader.class.php 找到 大概在124行左右

$this->stateInfo = $this->stateMap[0];

在它下面加入

@WaterImg($this->filePath, 'down');

完成,这样上传本地图片和批量上传图片就自动加水印了。

没有插入外部mp4链接的小伙伴参考这个教程添加这个功能

1、打开 /include/ueditor/dialogs/video/video.html 找到,大概在36行

<div id="upload_left">

在它上面加入

<style>#videowebUrl{width:490px;height:21px;line-height:21px;margin:8px 5px;background:#fff;border:1px solid #d7d7d7}#upload .placeholder{height:115px;}</style>
<table><tr><td><label for="videowebUrl" class="url">视频网址</label></td><td><input id="videowebUrl" type="text"></td></tr></table>

2、打开 /include/ueditor/dialogs/video/video.js 找到,大概在300行

var count = uploadFile.getQueueCount();

在它上面加入

if (weburl) {
	videoObjs.push({
		url:weburl,
		width:width,
		height:height,
		align:align
	});
}

这样 就暂时可以了。


但是素材abc小编还遇到一个问题 就是在文章页 不能显示出代码高亮的效果,所以又接着修改终于完美了。


在文章内容页模板<head>之间加上以下代码</head>,注:文件的路径请根据你的Ueditor实际路径修改

<link href="/include/Ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" />

在文章内容页模板</body>之前加上

<script type="text/javascript" src="/include/Ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<script type="text/javascript">
SyntaxHighlighter.all();
</script>


好了 大家试下效果吧。。

更换织梦默认的ckeditor为ueditor百度编辑器

关于有网友问小编为什么代码过长不会自动换行呢。这里我也给大家准备了修改的方法

找到项目中ueditor文件目录:ueditor hird-partySyntaxHighlightershCoreDefault.css


ctrl+F查找:.syntaxhighlighter{

 

在括弧中加入样式:word-break:break-all;

 

 

保存退出即可。