Loading
0

wordpress 修改后台编辑器里内容样式实现直接预览

在WordPress 3.0以后,有一个新的实用功能:你可以更改默认后台编辑器(TinyMCE)的样式,实现一个有趣的功能:在后台可视化编辑器模式下直接预览日志内容的编排,并且与前台浏览样式保持一致 ,不需要转到前台查看日志编辑情况。

将以下代码放到主题的functions.php里:

//比如使用的主题是monkey,那么放在路径monkey/static/css/editor-style.css
add_editor_style('/static/css/editor-style.css');

然后新建editor-style.css文件放到主题monkey目录的static/css/目录下,内容例如:

.mce-content-body{padding:10px 15px;font-family:"PingFang SC","Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;font-size:14px;}
.mce-content-body{font-size:14px;line-height:30px;}
.mce-content-body h1{font-size:28px;margin:0 0 22px 0;}
.mce-content-body h2{font-size:24px;margin:0 0 22px 0;}
.mce-content-body h3{font-size:20px;margin:0 0 22px 0;}
.mce-content-body a{color:#9b9b9b}
.mce-content-body p{margin:0 0 22px;}
.mce-content-body blockquote{border-left:8px solid #9b9b9b;background:#f5f5f5;padding:10px 22px;margin:0 0 40px;}
.mce-content-body blockquote p{margin:0}
.mce-content-body img{max-width:100%;height:auto;}
.mce-content-body .aligncenter{margin:0 auto;display:block;text-align: center;}

特别声明:1、本站仅提供源码学习下载,使用者需具备一定的技术基础,源码费用仅为站长辛苦整理费,不代表源码自身价值也不包含任何服务,如需完美运营请到官方购买。如需搭建、二开、bug修复等服务需额外收费,如果源码侵犯了您的利益请联系客服处理! 2、用户必须遵守《计算机软件保护条例(2013修订)》第十七条:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬。鉴于此条例,用户从本平台下载的全部源码(软件)仅限学习研究,未经版权归属者授权不得商用,若因商用引起的版权纠纷,一切责任均由使用者自行承担,本平台所属公司及其雇员不承担任何法律责任。本站邮箱:weituiw@qq.com