phpcms默认的后台样式用着不习惯,根前台的视觉差太大?没关系,改一下就是了。
后台编辑器样式文件 staticsjsckeditorcontents.css
把前台样式表中控制文字的那一部分拷贝进去稍微修改下即可,当然你可以自定义编辑器背景什么的,看个人喜好了。
我自己比较喜欢的样式现在分享给大家:
/* d88尊龙官网手机app 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升级到最新版