关闭

TIP : 如何在CSDN Blog展示你的代码

982人阅读 评论(0) 收藏 举报

好多朋友都有在Blog中展示自己写的代码,但发表后样子很难看(别仍我XXX)。本来在IDE或文本编辑器中缩进很好看的代码,贴出来就变了样子。下面是一个小小的技巧,希望对大家有用。

1、CSDN Blog的编辑器用的是fckedior,一个开源的可视化HTML编辑器,功能强大。但有点太强大了,从IDE中粘贴过来的代码自动将空格转换成"&nbsp;",将回车转换成"<br>"。而在正常网页状态下,并不是我们想要的样式。

2、解决方法很简单,点击工具栏上的“源代码”,你就可以直接编辑HTML的源代码了。输入标记<pre></pre>,然后在标记中间粘贴你的代码。OK了。

3、需要说明一点,CSDN Blog的有些风格的CSS里没有对PRE设置样式,缺省是用Courier New字体,这个字体有些问题,如果有汉字和英文混排的行,可能会对不齐。

解决方法是自己设置一下样式,在写BLOG后台的“配置”的“公告”里输入样式,如下图所示。(自定义CSS样式不起作用,不知为何)

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:138189次
    • 积分:2087
    • 等级:
    • 排名:第18372名
    • 原创:62篇
    • 转载:0篇
    • 译文:4篇
    • 评论:47条
    最新评论