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升级到最新版