Adam's

adam@debian:~$ cat /dev/random

WordPress中粘贴代码的小技巧

with 14 comments

糟糕的换行和字符替换? 眼花缭乱的代码高亮插件? 各种各样移植性很差的标签? 大家都受够了吧…

废话不多说, 我自己在Wordpress中粘贴代码的方法如下:

先在http://www.elliotswan.com/postable/这里粘贴代码进行HTML字符实体的转义, 然后将转化结果粘贴到HTML编辑器中并加上<pre><code>和</code></pre>标签, 然后, 完了.

另外, 为了避免代码过长, 编辑主题的CSS文件, 用下面的代码加上个滚动条, 调整下外观什么的.

pre {
width: 98%;
padding: 5px;
overflow: auto;
background: #F0F0F0;
border:#C6C6C6 1px solid;
margin: 10px 20px 20px 0px;
}

贴个脚本给大家看效果: (用来那啥的,嘘…)

#很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的行
#!/bin/sh

#port=
#user=
#host=
source .hostinfo

name=$(basename "$0")
lock=$(ps -A -F | grep qTfnN | grep $user'@'$host | grep -v grep | awk '{print $2}')

if [[ "$#" = "1" && "$1" = "on" ]]
then
    if [ -n "$lock" ]
    then
        echo Tunnel is already on.
        exit 1
    else
        ssh -qTfnN -D $port $user'@'$host
        exit 0
    fi

elif [[ "$#" = "1" && "$1" = "off" ]]
then
    if [ -n "$lock" ]
    then
        kill $lock
        exit 0
    else
        echo Tunnel is already off.
        exit 1
    fi

else
    echo "Usage: $name on | off"
    exit 1
fi

exit 0
#很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的行

Written by adam8157

July 2nd, 2010 at 12:07 am

Posted in Tips

Tagged with

«
»

14 Responses to 'WordPress中粘贴代码的小技巧'

  1. 我一直用的是easy google syntax highlighter这个插件实现的

    其实我想用vim的TOHtml来实现的，粘上用不了，囧

    [Reply]

    adam8157 Reply:
    July 2nd, 2010 at 20:11

    @ggarlic, 其实可以的, 只贴body标签内的, Hiahia…
    #/bin/sh

    SUM=$[1 + 1]

    if [ "$SUM" = "2" ];then 
        echo Just a test
    fi

    exit 0

    [Reply]

    adam8157 Reply:
    July 2nd, 2010 at 20:37

    @adam8157, 刚测试了下, TOhtml生成的代码粘贴进去之后, 再在Visual和Html编辑器中来回一转, 标签就全给换了, 且变得难看无比…

    [Reply]

    ggarlic

    2 Jul 10 at 19:55

  2. good idea!

    用代码高亮插件最大缺点就是换了插件，所有特殊标签统统悲剧。还是这个方法好

    [Reply]

    adam8157 Reply:
    July 3rd, 2010 at 00:20

    @delectate, 呵呵, 要是WP有个增强型的编辑器能负责字符实体的转义就好了…

    看了下, php和js写起来都是几行的事儿, 哪天闲了搞一下…

    [Reply]

    delectate

    2 Jul 10 at 23:03

  3. 要是想让上面文章里的脚本也语法高亮的话怎么处理?

    [Reply]

    adam8157 Reply:
    July 5th, 2010 at 16:15

    @freetstar, 用vim的TOhtml, 效果见一楼评论, 同时关闭可视化编辑器防止标签替换(有个插件可以控制编辑器的替换)…

    很麻烦, 我个人感觉高亮也没什么必要…

    [Reply]

    freetstar

    5 Jul 10 at 16:04

  4. 哇 好厉害好厉害 O(∩_∩)O哈哈~ 崇拜下

    [Reply]

    banban

    20 Sep 10 at 17:14

  5. 挺好的代码显示方法。谢谢分享

    [Reply]

    adam8157 Reply:
    October 25th, 2010 at 22:28

    @uiandue, 呵呵, 客气

    [Reply]

    uiandue

    25 Oct 10 at 22:26

  6. 嘿嘿，我一直使用代码发芽网。现在想想确实html代码比其它插件好

    [Reply]

    adam8157 Reply:
    November 19th, 2010 at 10:23

    @Tao Zhu, wow, 这个确实不错.

    [Reply]

    Tao Zhu

    19 Nov 10 at 10:20

  7. 代码里有中文，转换后中文都变乱码了~

    [Reply]

    adam8157 Reply:
    May 7th, 2011 at 00:43

    @Maliu, Oops, 可能那个对中文支持不够吧, 之前还会吞掉加号, 不知道现在什么情况…

    [Reply]

    Maliu

    6 May 11 at 23:41

Leave a Reply