PHPCMS更改后台编辑器样式
PHPCMS默认的后台样式用着不习惯,根前台的视觉差太大?没关系,改一下就是了。
后台编辑器样式文件 staticsjsckeditorcontents.css
把前台样式表中控制文字的那一部分拷贝进去稍微修改下即可,当然你可以自定义编辑器背景什么的,看个人喜好了。
我自己比较喜欢的样式现在分享给大家:
/*
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/
body
{
/* Font */
font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
font-size: 12px;
/* Text color */
color: #333;
/* Remove the background color to make it transparent */
background-color: #fff;
margin: 20px;
}
.cke_editable
{
font-size: 13px;
line-height: 1.6em;
}
.cke_contents_ltr blockquote
{
padding-left: 20px;
padding-right: 8px;
border-left-width: 5px;
}
.cke_contents_rtl blockquote
{
padding-left: 8px;
padding-right: 20px;
border-right-width: 5px;
}
a
{
color: #0782C1;
}
ol,ul,dl
{
/* IE7: reset rtl list margin. (#7334) */
*margin-right: 0px;
/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
padding: 0 40px;
}
h1,h2,h3,h4,h5,h6
{
font-weight: normal;
line-height: 1.2em;
}
hr
{
border: 0px;
border-top: 1px solid #ccc;
}
img.right
{
border: 1px solid #ccc;
float: right;
margin-left: 15px;
padding: 5px;
}
img.left
{
border: 1px solid #ccc;
float: left;
margin-right: 15px;
padding: 5px;
}
/* #10868: We use :not() selector to exclude IE8, which crashes on img:hover style. */
:not(.ie8) img:hover
{
opacity: .9;
filter: alpha(opacity = 90);
}
.marker
{
background-color: Yellow;
}
blockquote
{
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 2px 0;
border-style: solid;
border-color: #ccc;
border-width: 0;
}
pre
{
white-space: pre-wrap; /* CSS 2.1 */
word-wrap: break-word; /* IE7 */
border:1px dashed #444;
padding:0.5em 1em;
}
p{
text-indent:2em;
}
table{
border-collapse:collapse;
}
table, th, td{
border: 1px solid #000;
}
td{
padding:0 0 0 1em;
}建议大家把编辑器升级到最新版,见 PHPCMS编辑器ckeditor升级到最新版
栏 目:PHPCMS
下一篇:Phpcms V9采用if语句判断当前栏目高亮、判断分类信息是否过期
本文标题:PHPCMS更改后台编辑器样式
本文地址:https://zz.feitang.co/CMSjiaocheng/26466.html
您可能感兴趣的文章
- 11-19phpcms调用全站热点文章月排行的代码
- 11-19phpcms v9 搜索页显示自定义字段
- 11-19phpcms v9 内容页调用当前栏目名称及链接/上级栏目名称及链接方法
- 11-19phpcms V9基础知识之:常用文件目录结构
- 11-19phpcms v9 彻底去除自带的水印功能的方法
- 11-19phpcms在nginx的rewrite伪静态标准写法
- 11-19phpcms V9基础知识之:默认templates主题模板文件目录结构介绍
- 11-19Phpcms V9 调用全站文章排行的解决方法
- 11-19Phpcms V9 调用随机文章的实现方法
- 11-19phpcms v9分页函数pages中上一页,下一页文本内容修改方法


阅读排行
推荐教程
- 09-22phpcms是什么框架
- 09-22phpcms手机端如何取消伪静态
- 11-12phpcms如何使用水印功能
- 11-19phpcms调用全站热点文章月排行的代码
- 11-12phpcms不限制模型进行全站搜索
- 11-12phpcms栏目标签调用代码大全
- 11-12phpcms二次开发用拼音作为tags列表页路径的方法
- 11-12如何用phpcms调取指定位置的新闻列表
- 11-16Phpcms V9列表分页自定义页码文字(改成中文)
- 11-16phpcms ajax列表分页加载更多





