您的位置:小众博客 > Zblog > 正文

给zblogphp版本Ueditor编辑器添加被干掉的功能

2015年07月15日 / Zblog / 7168人阅读(点这评论)

ZblogPHP版的默认编辑器是Ueditor编辑器,Ueditor编辑器是由百度web前端研发部开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于bsd协议,允许自由使用和使用代码。

Ueditor编辑器

细心的朋友会发现ZblogPHP的Ueditor编辑器插件阉割了一些功能,当然是可有可无的,比如单图上传、段落功能、字符边框、取消超链接,今天小众博客就来教使用ZblogPHP版本的博主们如何给编辑器找回被干掉的功能。

找回Ueditor编辑器被干掉的功能

打开路径 根目录\zb_users\plugin\UEditor找到ueditor.config.php文件

将toolbars参数修改如下:

	'toolbars' => "[
	[ 'source', '|', 'undo', 'redo', '|','blockquote','inserttable', 'bold', 'italic', 'underline','fontborder', 'strikethrough', 'superscript', 'subscript','forecolor', 'backcolor', '|', 'insertorderedlist', 'insertunorderedlist','indent', 'justifyleft', 'justifycenter', 'justifyright','|', 'removeformat','formatmatch','autotypeset', 'searchreplace','pasteplain'],[
	
	'paragraph','fontfamily', 'fontsize',". ($zbp->option['ZC_SYNTAXHIGHLIGHTER_ENABLE']?"'insertcode',":''). "'|', 'emotion','link', 'unlink','music','simpleupload', 'insertimage','scrawl','insertvideo', 'attachment','spechars','|', 'map','insertframe', '|', 'wordimage', 'horizontal' , 'fullscreen']
	]"

解决Ueditor编辑器代码高亮不自动换行问题

打开路径 根目录\zb_users\plugin\UEditor\third-party\SyntaxHighlighter找到shCoreDefault.pack.css文件

添加下面代码

.syntaxhighlighter table {  
  width: 100% !important; word-break:break-all;  
    border: 1px solid #c0c0c0 !important;  
}

以上,你的编辑器就瞬间提升逼格了,下面是对比图:

UE编辑器

默认Ueditor编辑器

UE编辑器

修改后Ueditor编辑器

当然如果你懒得动手,可以直接下载我修改好的文件上传覆盖即可:

小众博客这里把整个插件打包了,省的一些人问替换哪个,你读了上面的内容应该知道替换哪个。下载解压出来单独上传,懒得就全部上传覆盖。

下载地址:百度网盘

# 下载的这个修改版的也修复了zblogPHP远程外链图片自动保存的问题。如果是手动修改的可以看这里(传送门)来修复。

代码来源:大谋博客

标签:zblogphp教程 

ABOUT
七牛云存储 衡天主机
一灯学堂,专注互联网前端培训 联系QQ968561(145x145px)
最新文章
月度热门
  • Zblog-PHP用户中心插件
  • 热门话题