<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Life Studio &#187; 代码</title>
	<atom:link href="http://wange.im/tag/code/feed" rel="self" type="application/rss+xml" />
	<link>http://wange.im</link>
	<description>My Life, My Studio...</description>
	<lastBuildDate>Sat, 05 May 2012 00:26:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Notepad++ Ctrl+Y 快捷键失效修复</title>
		<link>http://wange.im/notepad-ctrl-y-shortcut.html</link>
		<comments>http://wange.im/notepad-ctrl-y-shortcut.html#comments</comments>
		<pubDate>Wed, 22 Jun 2011 14:58:03 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[notepad++]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://wange.im/?p=4947</guid>
		<description><![CDATA[今天在用神器 Notepad++ 写代码的时候，突然发现之前常用的恢复（REDO）快捷键 Ctrl+Y 失效了，重启 Notepad++，重启电脑，问题依旧。我就纳闷了，Ctrl+Y这个恢复的快捷键不只在 Notepad++ 上管用，在其他编辑器也是通用的，咋就会失灵了呢？再回忆一下，想起刚升级了 Notepad++ 的 Zen Coding 插件，看来问题就出在这个 Zen Coding 插件上了。 之前用的 Zen Coding 是 v0.6.1 版本的，而我下载更新的是 Zen Coding 官方提供的最新版本 v0.7，对比了一下，还真发现了问题所在。Zen Coding 插件是 JavaScript 编写的，所以有一定可读性。如果你用的也是 v0.7 版本的 Zen Coding for Notepad++，那或许你也有必要修改一下了，不过只要区区三步就可以修复 Ctrl+Y 这个快捷键。 第一步，打开 Notepad++\plugins\NppScripting\includes\Zen Coding.js 这个文件。 第二步，搜索关键词“Ctrl+Y”，在大约 8009 行那里找到如下代码： // v0.7 addMenuItem('Evaluate Math Expression', 'evaluate_math_expression', 'Ctrl+Y'); 很显示，这是在 v0.7 版本中新加入的快捷键，也正是我们不需要的东东。 [...]]]></description>
			<content:encoded><![CDATA[<p>今天在用神器 Notepad++ 写代码的时候，突然发现之前常用的恢复（REDO）快捷键 Ctrl+Y 失效了，重启 Notepad++，重启电脑，问题依旧。我就纳闷了，Ctrl+Y这个恢复的快捷键不只在 Notepad++ 上管用，在其他编辑器也是通用的，咋就会失灵了呢？再回忆一下，想起刚升级了 Notepad++ 的 Zen Coding 插件，看来问题就出在这个 Zen Coding 插件上了。</p>
<p>之前用的 Zen Coding 是 v0.6.1 版本的，而我下载更新的是 Zen Coding <a title="Zen Coding" href="http://code.google.com/p/zen-coding/downloads/list" target="_blank">官方提供的最新版本</a> v0.7，对比了一下，还真发现了问题所在。Zen Coding 插件是 JavaScript 编写的，所以有一定可读性。如果你用的也是 v0.7 版本的 Zen Coding for Notepad++，那或许你也有必要修改一下了，不过只要区区三步就可以修复 Ctrl+Y 这个快捷键。</p>
<p>第一步，打开 Notepad++\plugins\NppScripting\includes\Zen Coding.js 这个文件。</p>
<p>第二步，搜索关键词“Ctrl+Y”，在大约 8009 行那里找到如下代码：</p>
<div class="source" style="color: #000000; font-family: &quot;Courier New&quot;,&quot;Consolas&quot;,&quot;Lucida Console&quot;;"><span style="color: #008800; font-style: italic;">// v0.7</span><br />
<span style="color: #000000;">addMenuItem</span>(<span style="color: #0000ff;">'Evaluate Math Expression'</span><span style="color: #000000;">,</span> <span style="color: #0000ff;">'evaluate_math_expression'</span><span style="color: #000000;">,</span> <span style="color: #0000ff;">'Ctrl+Y'</span>);</div>
<p>很显示，这是在 v0.7 版本中新加入的快捷键，也正是我们不需要的东东。</p>
<p>第三步，注释或者删除这行代码，你也可以修改这个功能的快捷键，因为我压根不知道这是干啥用的，索性干掉了之。然后重启你的 Notepad++，一切OK了。</p>
<p>他喵的，可见升级不一定是好事，偷偷引导用户习惯也是个败笔，不过这些都不影响我继续深爱着神器 Notepad++，Notepad++ 万岁，Notepad++ 无敌，神马 EditPlus，神马 Vim，神马 DreamWeaver，一切都是浮云~ ╰(￣▽￣)╮</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/notepad/" title="notepad++" rel="tag">notepad++</a>,<a href="http://wange.im/tag/code/" title="代码" rel="tag">代码</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/timthumb.php?src=http://wange.im/cache/notepad.jpg&amp;h=45&amp;w=45&amp;zc=1" alt="Notepad++ 代码编辑器的不二之选" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/notepad-plus.html" rel="bookmark" title="Notepad++ 代码编辑器的不二之选">Notepad++ 代码编辑器的不二之选</a>        <div class="rl_date">2011年03月14日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/let-the-codes-fly.html" rel="bookmark" title="让代码飞一会儿吧">让代码飞一会儿吧</a>        <div class="rl_date">2010年12月22日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/i-am-in-code-poison.html" rel="bookmark" title="我中了代码的毒">我中了代码的毒</a>        <div class="rl_date">2010年09月8日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/run-code-in-wordpress-without-plugins.html" rel="bookmark" title="Wordpress 免插件实现运行代码框">Wordpress 免插件实现运行代码框</a>        <div class="rl_date">2009年09月15日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/notepad-ctrl-y-shortcut.html/feed</wfw:commentRss>
		<slash:comments>107</slash:comments>
		</item>
		<item>
		<title>Notepad++ 代码编辑器的不二之选</title>
		<link>http://wange.im/notepad-plus.html</link>
		<comments>http://wange.im/notepad-plus.html#comments</comments>
		<pubDate>Mon, 14 Mar 2011 14:38:23 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[精品推荐]]></category>
		<category><![CDATA[notepad++]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://wange.im/?p=4649</guid>
		<description><![CDATA[每个人写代码都会习惯不同的编辑器，有喜欢用号称三剑客之一的 Dreamweaver，有喜欢用超变态的 Vim 的，有喜欢用破解版 EditPlus 的，当然也有和我一样喜欢用 Notepad++ 的。因为我对 Notepad++ 有着特殊的感情，可以说它是我的初恋，从我写代码起，我就没有尝试过神马 DW、Vim、EditPlus 这些胸器，只钟情于 Notepad++，所以每次看到同事在用其他编辑器写代码时，总要过去给他宣讲一番 Notepad++ 的优势，组内已经有一成员被我成功说服从 Dreamweaver 转向了 Notepad++，我还将继续努力扩展 Notepad++ 的队伍。 今天向广大群众来介绍一下我爱 Notepad++ 的理由： 1、免费开源 和 Dreamweaver、EditPlus 这些收费软件不同，你不需要在下载后再去网上搜破解版、注册码、补丁之类的，你可以堂堂正正地用 Notepad++ 写代码、做商业开发，完全不用担心版权问题，用正版，我光荣！ 2、体积小巧 完整安装后的 Notepad++ 也从11M，和 Dreamweaver 300+M 的庞然大物比起来，绝对算的上是小巧玲珑，甚至还有专为 U盘版定制的便携版 Notepad++ ，可以随身携带，让你的代码走到哪里写到哪里。 3、功能强悍 别以为 Notepad++ 体积小了，功能就弱了，那你就错了，Notepad++ 的强悍有时候甚至是 Dreamweaver 都无法比拟的，Dreamweaver 可以检查闭合标签吗？Dreamweaver 可以分屏显示代码窗口吗？Notepad++ 可以！ 4、丰富的插件 因为 Notepad++ 的小巧，就给了它更多的空间用来扩展，其丰富的插件功能让 Notepad++ 如虎添翼。这里我只介绍两款插件，第一，就是 [...]]]></description>
			<content:encoded><![CDATA[<p>每个人写代码都会习惯不同的编辑器，有喜欢用号称三剑客之一的 Dreamweaver，有喜欢用超变态的 Vim 的，有喜欢用破解版 EditPlus 的，当然也有和我一样喜欢用 Notepad++ 的。因为我对 Notepad++ 有着特殊的感情，可以说它是我的初恋，从我写代码起，我就没有尝试过神马 DW、Vim、EditPlus 这些胸器，只钟情于 Notepad++，所以每次看到同事在用其他编辑器写代码时，总要过去给他宣讲一番 Notepad++ 的优势，组内已经有一成员被我成功说服从 Dreamweaver 转向了 Notepad++，我还将继续努力扩展 Notepad++ 的队伍。</p>
<p>今天向广大群众来介绍一下我爱 Notepad++ 的理由：</p>
<p><strong>1、免费开源</strong></p>
<p>和 Dreamweaver、EditPlus 这些收费软件不同，你不需要在下载后再去网上搜破解版、注册码、补丁之类的，你可以堂堂正正地用 Notepad++ 写代码、做商业开发，完全不用担心版权问题，用正版，我光荣！</p>
<p><strong>2、体积小巧</strong></p>
<p>完整安装后的 Notepad++ 也从11M，和 Dreamweaver 300+M 的庞然大物比起来，绝对算的上是小巧玲珑，甚至还有专为 U盘版定制的便携版 Notepad++ ，可以随身携带，让你的代码走到哪里写到哪里。</p>
<p><strong>3、功能强悍</strong></p>
<p>别以为 Notepad++ 体积小了，功能就弱了，那你就错了，Notepad++ 的强悍有时候甚至是 Dreamweaver 都无法比拟的，Dreamweaver 可以检查闭合标签吗？Dreamweaver 可以分屏显示代码窗口吗？Notepad++ 可以！</p>
<p><strong>4、丰富的插件</strong></p>
<p>因为 Notepad++ 的小巧，就给了它更多的空间用来扩展，其丰富的插件功能让 Notepad++ 如虎添翼。这里我只介绍两款插件，第一，就是 <a title="让代码飞一会儿吧" href="http://wange.im/let-the-codes-fly.html">Zen Coding</a>，第二，就是 QuickText，这两款插件配合使用，可以让你写代码的速度快上十倍，可以说是 Notepad++ 的必备插件（至少我是少不了这两个插件的）。</p>
<p><strong>5、美观</strong></p>
<p>刚开始我也没注意到代码编辑器的美观问题，默认就是一个纯白的背景加五颜六色的高亮代码，后来我发现长时间盯着屏幕对很刺眼。Notepad++很人性化地提供了15套主题，还可以自定义颜色、字体等。选一个看的顺眼的皮肤对愉悦地写代码是很有帮助的。</p>
<p>优点太多了，以至于找不到一个 Notepad++ 的缺点，哈哈。童鞋们还在有用 Notepad++ 以外的编辑器作为写代码的工具吗？赶紧放弃吧，回头是岸，Notepad++ 才是最终的选择呀~</p>
<p><img src="http://t0mlua.bay.livefilestore.com/y1pWZWU8yB482H2hOA_s9pbdZvGKWjEI1a0hh1qrYFK1JuFiB5dQ_G30Q6iM6L2TpgjHmSFSTKSQ_DHsTLzbbh6-IdUd141TTIi/notepad.jpg" alt="notepad++" title="notepad++" /></p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/notepad/" title="notepad++" rel="tag">notepad++</a>,<a href="http://wange.im/tag/code/" title="代码" rel="tag">代码</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/recommand.jpg" alt="精品推荐" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/notepad-ctrl-y-shortcut.html" rel="bookmark" title="Notepad++ Ctrl+Y 快捷键失效修复">Notepad++ Ctrl+Y 快捷键失效修复</a>        <div class="rl_date">2011年06月22日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/recommand.jpg" alt="精品推荐" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/let-the-codes-fly.html" rel="bookmark" title="让代码飞一会儿吧">让代码飞一会儿吧</a>        <div class="rl_date">2010年12月22日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/recommand.jpg" alt="精品推荐" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/i-am-in-code-poison.html" rel="bookmark" title="我中了代码的毒">我中了代码的毒</a>        <div class="rl_date">2010年09月8日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/recommand.jpg" alt="精品推荐" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/run-code-in-wordpress-without-plugins.html" rel="bookmark" title="Wordpress 免插件实现运行代码框">Wordpress 免插件实现运行代码框</a>        <div class="rl_date">2009年09月15日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/notepad-plus.html/feed</wfw:commentRss>
		<slash:comments>239</slash:comments>
		</item>
		<item>
		<title>让代码飞一会儿吧</title>
		<link>http://wange.im/let-the-codes-fly.html</link>
		<comments>http://wange.im/let-the-codes-fly.html#comments</comments>
		<pubDate>Wed, 22 Dec 2010 13:11:50 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://wange.im/?p=4234</guid>
		<description><![CDATA[虽然我还没有看过《让子弹飞》这部电影，但是其中的一些经典台词已经广为流传，最具有代表力和宣传色彩的就是那句姜文的“让子弹飞一会儿吧”。这里我借用了这句台词，一方面正好借着电影的火爆可以作为一个噱头，这方面的考量也是有的，因为毕竟我不是一个那么纯洁的人，有着世俗的精明，这一点我也不想假装没有。另一方面，也是最重要的一个方面，这也恰巧与我今天写的话题非常贴切，看完之后你就会感叹，真的可以让代码“飞”起来。 上周六去看房的时候和未来的新同事郭哥讨论起重构的效率问题，包括代码的结构和写代码的速度。结构和浏览器的兼容性自不必说，这是一个页面仔必须做到做好的工作，在此前提下，写代码的速度就是最能体现效率的一个关键点了。郭哥还以网易首页为例，说最多两天时间内必须完成，我自己估量了一下，以我现在的水平恐怕也只能勉强在两个工作日内完成，很有压力。那我们如何提高平时写代码的效率，让写代码的速度飞起来呢？ 这就要借助于一些工具，比如说 Dreamweaver 这类专业的网站编辑软件（三剑客之一），不过我并不是很推荐，因为 Dreamweaver 显然过于庞大，而且就我认为更适合于已经淘汰了的 Table 布局，因为它有可视化的编辑功能，如果你对 DIV+CSS 的功底有足够的信心，那就可以抛弃，而且必须抛弃这款累赘的软件了。 另外，你或许听说过 Vim 这款工具，没错，它确实很强大很智能很给力很便捷，但是要学会用它可没有这么便捷咯。有人认为这是一款反人类的软件，虽然有些夸张，但是经我试用，没个一年半载也别想把 Vim 用顺手了。而且如果只是重构网站而不是进行一些汇编，我认为也没有必要去花大力气学会这款软件。 下面推出的才是本文的主角。什么样的软件才适合写代码？什么样的软件才能让代码飞起来？我的经验是，越简单越好，我喜欢用 Notepad++。理由很简单：第一，免费，有简体中文版。第二，插件多多，很实用。如果只是用 Notepad++ 的代码自动提示功能，这当然还不足以让写代码的速度飞起来，我们还需要配合使用 Zen Coding 插件。如任平生老哥所言，这款强悍的插件可以让 Notepad++ 代码书写健步如飞，而且比 Vim 要容易上手多了，基本上两分钟学会，两小时就可以熟练运用了。 如果你对重构有着同样的兴趣和爱好，你可以尝试一下 Notepad++ 与 Zen Coding 插件的组合应用，真的可以让你的代码飞起来哟。只是我建议还在初学者的朋友先不要急着加速你的代码，还是打好基础最重要，否则只会适得其反，先学跑再学飞。 与 代码 相关的文章 Notepad++ Ctrl+Y 快捷键失效修复 2011年06月22日 Notepad++ 代码编辑器的不二之选 2011年03月14日 我中了代码的毒 2010年09月8日 Wordpress 免插件实现运行代码框 2009年09月15日]]></description>
			<content:encoded><![CDATA[<p>虽然我还没有看过《让子弹飞》这部电影，但是其中的一些经典台词已经广为流传，最具有代表力和宣传色彩的就是那句姜文的“让子弹飞一会儿吧”。这里我借用了这句台词，一方面正好借着电影的火爆可以作为一个噱头，这方面的考量也是有的，因为毕竟我不是一个那么纯洁的人，有着世俗的精明，这一点我也不想假装没有。另一方面，也是最重要的一个方面，这也恰巧与我今天写的话题非常贴切，看完之后你就会感叹，真的可以让代码“飞”起来。</p>
<p>上周六去看房的时候和未来的新同事郭哥讨论起重构的效率问题，包括代码的结构和写代码的速度。结构和浏览器的兼容性自不必说，这是一个页面仔必须做到做好的工作，在此前提下，写代码的速度就是最能体现效率的一个关键点了。郭哥还以网易首页为例，说最多两天时间内必须完成，我自己估量了一下，以我现在的水平恐怕也只能勉强在两个工作日内完成，很有压力。那我们如何提高平时写代码的效率，让写代码的速度飞起来呢？</p>
<p>这就要借助于一些工具，比如说 Dreamweaver 这类专业的网站编辑软件（三剑客之一），不过我并不是很推荐，因为 Dreamweaver 显然过于庞大，而且就我认为更适合于已经<a title="为什么政府网站都是 Table 布局" href="http://wange.im/why-all-tables-in-government-website.html">淘汰了的 Table 布局</a>，因为它有可视化的编辑功能，如果你对 DIV+CSS 的功底有足够的信心，那就可以抛弃，而且必须抛弃这款累赘的软件了。</p>
<p>另外，你或许听说过 Vim 这款工具，没错，它确实很强大很智能很给力很便捷，但是要学会用它可没有这么便捷咯。有人认为这是一款反人类的软件，虽然有些夸张，但是经我试用，没个一年半载也别想把 Vim 用顺手了。而且如果只是重构网站而不是进行一些汇编，我认为也没有必要去花大力气学会这款软件。</p>
<p>下面推出的才是本文的主角。什么样的软件才适合写代码？什么样的软件才能让代码飞起来？我的经验是，越简单越好，我喜欢用 Notepad++。理由很简单：第一，免费，有简体中文版。第二，插件多多，很实用。如果只是用 <a title="Notepad++ 其实自带代码自动提示功能" href="http://zww.me/archives/25193" target="_blank">Notepad++ 的代码自动提示功能</a>，这当然还不足以让写代码的速度飞起来，我们还需要配合使用 Zen Coding 插件。如任平生老哥所言，这款强悍的插件可以<a title="Zen Coding 让 Notepad++ 代码书写健步如飞" href="http://rpsh.net/archives/zen-coding-npp/" target="_blank">让 Notepad++ 代码书写健步如飞</a>，而且比 Vim 要容易上手多了，基本上两分钟学会，两小时就可以熟练运用了。</p>
<p>如果你对重构有着同样的兴趣和爱好，你可以尝试一下 Notepad++ 与 Zen Coding 插件的组合应用，真的可以让你的代码飞起来哟。只是我建议还在初学者的朋友先不要急着加速你的代码，还是打好基础最重要，否则只会适得其反，先学跑再学飞。</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/code/" title="代码" rel="tag">代码</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/notepad-ctrl-y-shortcut.html" rel="bookmark" title="Notepad++ Ctrl+Y 快捷键失效修复">Notepad++ Ctrl+Y 快捷键失效修复</a>        <div class="rl_date">2011年06月22日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/timthumb.php?src=http://wange.im/cache/notepad.jpg&amp;h=45&amp;w=45&amp;zc=1" alt="Notepad++ 代码编辑器的不二之选" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/notepad-plus.html" rel="bookmark" title="Notepad++ 代码编辑器的不二之选">Notepad++ 代码编辑器的不二之选</a>        <div class="rl_date">2011年03月14日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/i-am-in-code-poison.html" rel="bookmark" title="我中了代码的毒">我中了代码的毒</a>        <div class="rl_date">2010年09月8日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/run-code-in-wordpress-without-plugins.html" rel="bookmark" title="Wordpress 免插件实现运行代码框">Wordpress 免插件实现运行代码框</a>        <div class="rl_date">2009年09月15日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/let-the-codes-fly.html/feed</wfw:commentRss>
		<slash:comments>156</slash:comments>
		</item>
		<item>
		<title>我中了代码的毒</title>
		<link>http://wange.im/i-am-in-code-poison.html</link>
		<comments>http://wange.im/i-am-in-code-poison.html#comments</comments>
		<pubDate>Wed, 08 Sep 2010 12:59:31 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[三言两语]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://wange.im/?p=3821</guid>
		<description><![CDATA[整个暑假我几乎就泡在 WordPress、主题、PHP、Div+Css 之类的代码中了，好久没有这么好好过一把瘾了，暑假就这样放纵了一下自己，睁开眼睛就是码代码，闭上眼睛还是在构思代码，人家是数钱数到手抽筋，而我是代码写到手抽筋，而且抽并快乐着。暑假刚刚过去，但是因为惯性作用，我还没有完全从暑假迷离的状态中清醒过来。都 TMD 是一个考研的人了，代码啥的又不是我的必修课，你说我整这玩意儿干啥？每天包里还揣着一本 PHP + Mysql 的教程随时翻翻看看。我对代码是真的上瘾了，中毒了，戒不掉了。 现在满脑子的代码，几乎到了发狂的状态。这几天上班正在赶制几份报表还有N份报告，可当我打开熟悉地 MS Office Word 时，看着眼前的稿子，我恨不得抄起 Notepad++ 用 Div+Css 代替 Word 来完成排版布局这一切；当我打开 MS Office Excel 时，看着眼前上万条的数据，我恨不得用 PHP 函数表达式代替这 Excel 来完成分析统计这一切。我都不是在空想，我知道我的想法都是可行的，而且还飞速地在脑子里打下了草稿，用什么标签？如何兼容 IE？如何有利于 SEO？需要用到什么循环？在哪里又需要判断？居然都在我的考虑之内，太佩服自己了。 但是这一切毕竟只能在脑子里过把代码瘾，工作还是工作，如果被领导看见我在工作时间写一些“不知道所谓”的符号，一定会被他一掌拍死的，完全不能被理解。有心却无力实现自己的想法，弄的我心痒痒的，一边在用 Word 和 Excel，一边在想怎么用代码来更高效更完美地实现同样的效果，这样一来，反而影响了我正常的工作效率，但是又克制不住自己的思维，这样就形成的恶性循环，好痛苦呀。 好吧，既然已经中了代码的毒，我决定以毒攻毒，炼成百毒不侵！hia~hia~hia~hia~~~~~ 与 代码 相关的文章 Notepad++ Ctrl+Y 快捷键失效修复 2011年06月22日 Notepad++ 代码编辑器的不二之选 2011年03月14日 让代码飞一会儿吧 2010年12月22日 Wordpress 免插件实现运行代码框 2009年09月15日]]></description>
			<content:encoded><![CDATA[<p>整个暑假我几乎就泡在 WordPress、主题、PHP、Div+Css 之类的代码中了，好久没有这么好好过一把瘾了，暑假就这样放纵了一下自己，睁开眼睛就是码代码，闭上眼睛还是在构思代码，人家是数钱数到手抽筋，而我是代码写到手抽筋，而且抽并快乐着。暑假刚刚过去，但是因为惯性作用，我还没有完全从暑假迷离的状态中清醒过来。都 TMD 是一个考研的人了，代码啥的又不是我的必修课，你说我整这玩意儿干啥？每天包里还揣着一本 PHP + Mysql 的教程随时翻翻看看。我对代码是真的上瘾了，中毒了，戒不掉了。</p>
<p>现在满脑子的代码，几乎到了发狂的状态。这几天上班正在赶制几份报表还有N份报告，可当我打开熟悉地 MS Office Word 时，看着眼前的稿子，我恨不得抄起 Notepad++ 用 Div+Css 代替 Word 来完成排版布局这一切；当我打开 MS Office Excel 时，看着眼前上万条的数据，我恨不得用 PHP 函数表达式代替这 Excel 来完成分析统计这一切。我都不是在空想，我知道我的想法都是可行的，而且还飞速地在脑子里打下了草稿，用什么标签？如何兼容 IE？如何有利于 SEO？需要用到什么循环？在哪里又需要判断？居然都在我的考虑之内，太佩服自己了。</p>
<p>但是这一切毕竟只能在脑子里过把代码瘾，工作还是工作，如果被领导看见我在工作时间写一些“不知道所谓”的符号，一定会被他一掌拍死的，完全不能被理解。有心却无力实现自己的想法，弄的我心痒痒的，一边在用 Word 和 Excel，一边在想怎么用代码来更高效更完美地实现同样的效果，这样一来，反而影响了我正常的工作效率，但是又克制不住自己的思维，这样就形成的恶性循环，好痛苦呀。</p>
<p>好吧，既然已经中了代码的毒，我决定以毒攻毒，炼成百毒不侵！hia~hia~hia~hia~~~~~</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/code/" title="代码" rel="tag">代码</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/mood.jpg" alt="三言两语" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/notepad-ctrl-y-shortcut.html" rel="bookmark" title="Notepad++ Ctrl+Y 快捷键失效修复">Notepad++ Ctrl+Y 快捷键失效修复</a>        <div class="rl_date">2011年06月22日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/timthumb.php?src=http://wange.im/cache/notepad.jpg&amp;h=45&amp;w=45&amp;zc=1" alt="Notepad++ 代码编辑器的不二之选" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/notepad-plus.html" rel="bookmark" title="Notepad++ 代码编辑器的不二之选">Notepad++ 代码编辑器的不二之选</a>        <div class="rl_date">2011年03月14日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/mood.jpg" alt="三言两语" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/let-the-codes-fly.html" rel="bookmark" title="让代码飞一会儿吧">让代码飞一会儿吧</a>        <div class="rl_date">2010年12月22日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/mood.jpg" alt="三言两语" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/run-code-in-wordpress-without-plugins.html" rel="bookmark" title="Wordpress 免插件实现运行代码框">Wordpress 免插件实现运行代码框</a>        <div class="rl_date">2009年09月15日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/i-am-in-code-poison.html/feed</wfw:commentRss>
		<slash:comments>145</slash:comments>
		</item>
		<item>
		<title>WordPress 免插件实现运行代码框</title>
		<link>http://wange.im/run-code-in-wordpress-without-plugins.html</link>
		<comments>http://wange.im/run-code-in-wordpress-without-plugins.html#comments</comments>
		<pubDate>Tue, 15 Sep 2009 05:01:05 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[精品推荐]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[运行代码框]]></category>

		<guid isPermaLink="false">http://wange.im/?p=1748</guid>
		<description><![CDATA[和代码接触多了，难免需要在技术类文章中插入一些代码，但是这并不能满足所有的需求，如果能在 WordPress 中运行代码，那就更直观，更完美了，网上已经有个名为 runcode 的插件诞生，抱着能用代码搞定的就绝不用插件解决的精神，我自己研发了一种免插件的运行代码框，且这个方法支持在 Firefox 和 IE 等各版本浏览器，可以放心使用。自己动手，其乐无穷，下面就跟着我来试试吧。 1、点此下载 run-code-OL.js 文件，解压并上传至服务器。 2、在 WordPress 日志中插入以下代码： &#60;script src="保存 run-code-OL.js 的地址" type="text/javascript" charset="utf-8"&#62;&#60;/script&#62; &#60;form&#62; &#60;div align="center"&#62; &#60;textarea id="code" style="width:555px;height:255px;" cols="80" rows="15"&#62;&#60;/textarea&#62; &#60;br /&#62; &#60;input type="button"onclick=runCode(code) value="运行代码" style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"&#62; &#60;input type="button"onclick=copycode(code) style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"value="复制代码" onclick="copycode(runcode3)"&#62; &#60;input type="button"onclick=saveCode(code) style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"value="另存代码" onclick="saveCode(runcode3)"&#62; 提示：您可以先修改部分代码再运行 &#60;/div&#62; &#60;/form&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>和代码接触多了，难免需要在技术类文章中插入一些代码，但是这并不能满足所有的需求，如果能在 WordPress 中运行代码，那就更直观，更完美了，网上已经有个名为 runcode 的插件诞生，抱着<a title="“能用代码搞定的就绝不用插件解决” 的搜索结果" href="http://wange.im/?s=%E8%83%BD%E7%94%A8%E4%BB%A3%E7%A0%81%E6%90%9E%E5%AE%9A%E7%9A%84%E5%B0%B1%E7%BB%9D%E4%B8%8D%E7%94%A8%E6%8F%92%E4%BB%B6%E8%A7%A3%E5%86%B3">能用代码搞定的就绝不用插件解决</a>的精神，我自己研发了一种免插件的运行代码框，且这个方法支持在 Firefox 和 IE 等各版本浏览器，可以放心使用。自己动手，其乐无穷，下面就跟着我来试试吧。</p>
<p>1、<a style="text-decoration:underline;" title="run-code-OL.js" href="/wp-content/uploads/2009/09/run-code-OL.rar">点此下载</a> run-code-OL.js 文件，解压并上传至服务器。</p>
<p>2、在 WordPress 日志中插入以下代码：</p>
<div class="source">
<div style="FONT-FAMILY: 'Courier New','Lucida Console','monospace'; COLOR: #000000"><span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;script </span><span style="COLOR: #ff0000">src=</span><span style="COLOR: #0000ff">"保存 run-code-OL.js 的地址"</span> <span style="COLOR: #ff0000">type=</span><span style="COLOR: #0000ff">"text/javascript"</span> <span style="COLOR: #ff0000">charset=</span><span style="COLOR: #0000ff">"utf-8"</span><span style="COLOR: #000080; FONT-WEIGHT: bold">&gt;&lt;/script&gt;</span><br />
<span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;form&gt;</span><br />
  <span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;div</span> <span style="COLOR: #ff0000">align=</span><span style="COLOR: #0000ff">"center"</span><span style="COLOR: #000080; FONT-WEIGHT: bold">&gt;</span><br />
  <span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;textarea</span> <span style="COLOR: #ff0000">id=</span><span style="COLOR: #0000ff">"code"</span> <span style="COLOR: #ff0000">style=</span><span style="COLOR: #0000ff">"width:555px;height:255px;"</span> <span style="COLOR: #ff0000">cols=</span><span style="COLOR: #0000ff">"80"</span> <span style="COLOR: #ff0000">rows=</span><span style="COLOR: #0000ff">"15"</span><span style="COLOR: #000080; FONT-WEIGHT: bold">&gt;&lt;/textarea&gt;</span><br />
  <span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;br</span> <span style="COLOR: #000080; FONT-WEIGHT: bold">/&gt;</span><br />
  <span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;input</span> <span style="COLOR: #ff0000">type=</span><span style="COLOR: #0000ff">"button"</span><span style="COLOR: #ff0000">onclick=</span><span style="COLOR: #0000ff">runCode(code)</span> <span style="COLOR: #ff0000">value=</span><span style="COLOR: #0000ff">"运行代码"</span> <span style="COLOR: #ff0000">style=</span><span style="COLOR: #0000ff">"border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"</span><span style="COLOR: #000080; FONT-WEIGHT: bold">&gt;</span><br />
  <span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;input</span> <span style="COLOR: #ff0000">type=</span><span style="COLOR: #0000ff">"button"</span><span style="COLOR: #ff0000">onclick=</span><span style="COLOR: #0000ff">copycode(code)</span> <span style="COLOR: #ff0000">style=</span><span style="COLOR: #0000ff">"border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"</span><span style="COLOR: #ff0000">value=</span><span style="COLOR: #0000ff">"复制代码"</span> <span style="COLOR: #ff0000">onclick=</span><span style="COLOR: #0000ff">"copycode(runcode3)"</span><span style="COLOR: #000080; FONT-WEIGHT: bold">&gt;</span><br />
  <span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;input</span> <span style="COLOR: #ff0000">type=</span><span style="COLOR: #0000ff">"button"</span><span style="COLOR: #ff0000">onclick=</span><span style="COLOR: #0000ff">saveCode(code)</span> <span style="COLOR: #ff0000">style=</span><span style="COLOR: #0000ff">"border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"</span><span style="COLOR: #ff0000">value=</span><span style="COLOR: #0000ff">"另存代码"</span> <span style="COLOR: #ff0000">onclick=</span><span style="COLOR: #0000ff">"saveCode(runcode3)"</span><span style="COLOR: #000080; FONT-WEIGHT: bold">&gt;</span><br />
<span style="COLOR: #000000">    提示：您可以先修改部分代码再运行 </span><span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;/div&gt;</span><br />
<span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;/form&gt;</span><br />
<span style="COLOR: #000080; FONT-WEIGHT: bold">&lt;br&gt;</span></div>
</div>
<p>3、在运行代码框中默认显示的代码添加在&lt;textarea&gt;&lt;/textarea&gt;之间即可。</p>
<p>请看演示：<script src="/wp-content/themes/D-Z-Theme-Pro/js/run-code-OL.js" type="text/javascript" charset="utf-8"></script></p>
<form>
<div align="center">
  <textarea id="code" style="width:555px;height:255px;" cols="80" rows="15"><script type="text/javascript">
var lastFaqClick=null;//上次点击的faq
window.onload=function(){
  var faq=document.getElementById("faq");
  var dls=faq.getElementsByTagName("dl");
  for (var i=0,dl;dl=dls[i];i++){
    var dt=dl.getElementsByTagName("dt")[0];//取得标题
     dt.id = "faq_dt_"+(Math.random()*100);
     dt.onclick=function(){
       var p=this.parentNode;//取得父节点
        if (lastFaqClick!=null&#038;&lastFaqClick.id!=this.id){
          var dds=lastFaqClick.parentNode.getElementsByTagName("dd");
          for (var i=0,dd;dd=dds[i];i++)
            dd.style.display='none';
        }
        lastFaqClick=this;
        var dds=p.getElementsByTagName("dd");//取得该父节点所有的子节点，也就是所有的答案
        var tmpDisplay='none';
        if (gs(dds[0],'display')=='none')
          tmpDisplay='block';
        for (var i=0;i
<dds.length;i++)
          dds[i].style.display=tmpDisplay;
      }
  }
}
/**
*取得元素的真实css属性
*written in 06.7 sheneyan
*/
function gs(d,a){
  if (d.currentStyle){ 
    var curVal=d.currentStyle[a]
  }else{ 
    var curVal=document.defaultView.getComputedStyle(d, null)[a]
  } 
  return curVal;
}
</script>
<style type="text/css">
*,html,body{margin:0;padding:0}
#faq dt{font-weight:bold;cursor:pointer}
#faq dd{display:none;}
</style>
<p></head><br />
<body></p>
<ul id="faq">
<li>
<dl>
<dt>问题1 </dt>
<dd>答：1 </dd>
</dl>
</li>
<li>
<dl>
<dt>问题2 </dt>
<dd>答：2 </dd>
</dl>
</li>
<li>
<dl>
<dt>问题3 </dt>
<dd>答：3 </dd>
</dl>
</li>
<li>
<dl>
<dt>问题4 </dt>
<dd>答：4 </dd>
</dl>
</li>
</li>
</ul>
<p><a title="Wordpress 免插件实现运行代码框" href="http://wange.im/run-code-in-wordpress-without-plugins.html">WordPress 免插件实现运行代码框</a></p>
<p>万戈原创，转载请注明：<a title="Wordpress 免插件实现运行代码框" href="http://wange.im/run-code-in-wordpress-without-plugins.html">http://wange.im/run-code-in-wordpress-without-plugins.html</a></p>
<p></textarea><br />
  </p>
<input type="button"onclick=runCode(code) value="运行代码" style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;">
<input type="button"onclick=copycode(code) style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"value="复制代码" onclick="copycode(runcode3)">
<input type="button"onclick=saveCode(code) style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;"value="另存代码" onclick="saveCode(runcode3)">
    提示：您可以先修改部分代码再运行 </div>
</form>
<p></p>
<p>此方法万戈原创，如有雷同，纯属巧合。</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/wordpress/" title="WordPress" rel="tag">WordPress</a>,<a href="http://wange.im/tag/code/" title="代码" rel="tag">代码</a>,<a href="http://wange.im/tag/run-code-box/" title="运行代码框" rel="tag">运行代码框</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-emotion-images.html" rel="bookmark" title="Wordpress 自带表情代码">Wordpress 自带表情代码</a>        <div class="rl_date">2009年06月29日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/disable-code-highlight-in-theme-and-plugin-editor.html" rel="bookmark" title="关闭 Wordpress 2.8 后台代码高亮">关闭 Wordpress 2.8 后台代码高亮</a>        <div class="rl_date">2009年06月29日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-code-without-plugins.html" rel="bookmark" title="Wordpress 写代码未必用插件">Wordpress 写代码未必用插件</a>        <div class="rl_date">2009年06月14日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/timthumb.php?src=http://wange.im/cache/wg-tags-tip.jpg&amp;h=45&amp;w=45&amp;zc=1" alt="万戈牌 WordPress 搜索自动匹配提示标签关键词" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wg-tags-tip.html" rel="bookmark" title="万戈牌 WordPress 搜索自动匹配提示标签关键词">万戈牌 WordPress 搜索自动匹配提示标签关键词</a>        <div class="rl_date">2012年04月7日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/run-code-in-wordpress-without-plugins.html/feed</wfw:commentRss>
		<slash:comments>101</slash:comments>
		</item>
		<item>
		<title>Discuz! 代码制作个性论坛签名</title>
		<link>http://wange.im/diy-forum-signature-with-discuz-code.html</link>
		<comments>http://wange.im/diy-forum-signature-with-discuz-code.html#comments</comments>
		<pubDate>Sat, 04 Jul 2009 13:16:08 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[精品推荐]]></category>
		<category><![CDATA[Discuz]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[签名]]></category>
		<category><![CDATA[论坛]]></category>

		<guid isPermaLink="false">http://wange.im/?p=1258</guid>
		<description><![CDATA[经过我不懈地灌水，在 WordPress 中文论坛上我终于混到了“WP 神人”的等级，“WP 神人”并非代表我对 WordPress 有多精通，而纯粹代表我灌的水之多。而苦心混到“WP 神人”被非为了一览众山下的虚荣，而是为了得到 400 字节最大签名长度的特权。那为什么要 400 字节那么长呢？那是因为我想用 Discuz! 代码做一个特别醒目的签名。 这就是我现在在论坛的签名，用黑底白字和白底黑字相间的一列三行表格显示，再加上粗体、斜体、链接、字体大小等 Discuz! 代码，这个签名总共占了我 365 个字节。而事实证明这个签名也确实抢眼，昨天下午才用上的这个签名，到晚上就给我带来了近 50 个IP，哈哈，看来都被这个签名吸引住了，小得意一下。之后还有童鞋发站内信来问我这是怎么做的，其实这只不过只是加了背景色的表格而已，Discuz! 的代码在网上也随处可见，我也就借花献佛和大家分享一下。 制作一个2行2列的表格： TR为行，TD为列。我们现在要制作的2行2列表格，总共合起来要有4个单元格，分为2行。所以在代码中得有2个[TR]（2行）以及4个[TD]（4个单元格）。 范例1： [table=500][tr][td]第一行第一列[/td][td]第一行第二列[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][/tr][/table] 第一行第一列 第一行第二列 第二行第一列 第二行第二列 合并第一行的2个单元格： 把第一行合并为一列之后，那么表格里就只剩下3个单元格了。也就是说现在的代码中有2个[TR]（2行）以及3个[TD]（3个单元格）。在第一个[TD]加上"=2,1"：第一个数字代表“列”，第二个数字代表“行”；在这个例子中则代表一个单元格等于2个单元格的宽度。 范例2： [table=500][tr][td=2,1]第一行第一列与第一行第二列合并[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][/tr][/table] 第一行第一列与第一行第二列合并 第二行第一列 第二行第二列 合并一个2行3列的表格： 范例3： [table=500][tr][td=3,1]第一行第一列／第二列／第三列合并[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][td]第二行第三列[/td][/tr][/table] 第一行第一列/第二列/第三列合并 第二行第一列 第二行第二列 第二行第三列 在表格里设置行的背景颜色： 如上述，[TR]在代码中代表“行”，所以设置颜色只需稍稍修改一下[TR]即可：[TR=颜色代码] 范例4： [table=500][tr=purple][td]第一行颜色为紫色[/td][/tr][tr][td]第二行无填充颜色[/td][/tr][/table] 第一行颜色为紫色 第二行无填充颜色 学会上面这 4 招，你也可以做一个醒目的个性论坛签名。 与 Discuz,代码,签名,论坛 [...]]]></description>
			<content:encoded><![CDATA[<p>经过我不懈地灌水，在 WordPress 中文论坛上我终于混到了“WP 神人”的等级，“WP 神人”并非代表我对 WordPress 有多精通，而纯粹代表我灌的水之多。而苦心混到“WP 神人”被非为了一览众山下的虚荣，而是为了得到 400 字节最大签名长度的特权。那为什么要 400 字节那么长呢？那是因为我想用 Discuz! 代码做一个特别醒目的签名。</p>
<p><img class="alignleft" title="signature" src="http://wqwtia.bay.livefilestore.com/y1p2uWTfyvt_CazznQQli-JTKrKOiXWBfabrx78kPVg5J0TfvkFmaNc0BQvPkvkfPX-nKve6ncRM7x2p_AHVPEffgj7r8sk-XfI/signature.jpg" alt="" width="234" height="86" />这就是我现在在论坛的签名，用黑底白字和白底黑字相间的一列三行表格显示，再加上粗体、斜体、链接、字体大小等 Discuz! 代码，这个签名总共占了我 365 个字节。而事实证明这个签名也确实抢眼，昨天下午才用上的这个签名，到晚上就给我带来了近 50 个IP，哈哈，看来都被这个签名吸引住了，小得意一下。之后还有童鞋发站内信来问我这是怎么做的，其实这只不过只是加了背景色的表格而已，Discuz! 的代码在网上也随处可见，我也就借花献佛和大家分享一下。</p>
<p><strong>制作一个2行2列的表格：</strong></p>
<p>TR为行，TD为列。我们现在要制作的2行2列表格，总共合起来要有4个单元格，分为2行。所以在代码中得有2个<code>[TR]</code>（2行）以及4个<code>[TD]</code>（4个单元格）。</p>
<p><em>范例1：</em></p>
<p><code>[table=500][tr][td]第一行第一列[/td][td]第一行第二列[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][/tr][/table]</code></p>
<table class="table" border="1" width="500" align="center">
<tbody>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</tbody>
</table>
<p><strong>合并第一行的2个单元格：</strong></p>
<p>把第一行合并为一列之后，那么表格里就只剩下3个单元格了。也就是说现在的代码中有2个<code>[TR]</code>（2行）以及3个<code>[TD]</code>（3个单元格）。在第一个<code>[TD]</code>加上"=2,1"：第一个数字代表“列”，第二个数字代表“行”；在这个例子中则代表一个单元格等于2个单元格的宽度。</p>
<p><em>范例2：</em></p>
<p><code>[table=500][tr][td=2,1]第一行第一列与第一行第二列合并[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][/tr][/table]</code></p>
<table class="table" border="1" width="500" align="center">
<tbody>
<tr>
<td colspan="2">第一行第一列与第一行第二列合并</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
</tr>
</tbody>
</table>
<p><strong>合并一个2行3列的表格：</strong></p>
<p><em>范例3：</em></p>
<p><code>[table=500][tr][td=3,1]第一行第一列／第二列／第三列合并[/td][/tr][tr][td]第二行第一列[/td][td]第二行第二列[/td][td]第二行第三列[/td][/tr][/table]</code></p>
<table class="table" border="1" width="500" align="center">
<tbody>
<tr>
<td colspan="3">第一行第一列/第二列/第三列合并</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
</tbody>
</table>
<p><strong>在表格里设置行的背景颜色：</strong></p>
<p>如上述，<code>[TR]</code>在代码中代表“行”，所以设置颜色只需稍稍修改一下<code>[TR]</code>即可：<code>[TR=颜色代码]</code></p>
<p><em>范例4：</em></p>
<p><code>[table=500][tr=purple][td]第一行颜色为紫色[/td][/tr][tr][td]第二行无填充颜色[/td][/tr][/table]</code></p>
<table class="table" border="1" width="500" align="center">
<tbody>
<tr bgcolor="#800080">
<td>第一行颜色为紫色</td>
</tr>
<tr>
<td>第二行无填充颜色</td>
</tr>
</tbody>
</table>
<p>学会上面这 4 招，你也可以做一个醒目的个性论坛签名。</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/discuz/" title="Discuz" rel="tag">Discuz</a>,<a href="http://wange.im/tag/code/" title="代码" rel="tag">代码</a>,<a href="http://wange.im/tag/signature/" title="签名" rel="tag">签名</a>,<a href="http://wange.im/tag/forum/" title="论坛" rel="tag">论坛</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/str-replace-in-wordpress.html" rel="bookmark" title="WordPress 正文批量替换的两种方法">WordPress 正文批量替换的两种方法</a>        <div class="rl_date">2011年07月28日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/notepad-ctrl-y-shortcut.html" rel="bookmark" title="Notepad++ Ctrl+Y 快捷键失效修复">Notepad++ Ctrl+Y 快捷键失效修复</a>        <div class="rl_date">2011年06月22日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/timthumb.php?src=http://wange.im/cache/notepad.jpg&amp;h=45&amp;w=45&amp;zc=1" alt="Notepad++ 代码编辑器的不二之选" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/notepad-plus.html" rel="bookmark" title="Notepad++ 代码编辑器的不二之选">Notepad++ 代码编辑器的不二之选</a>        <div class="rl_date">2011年03月14日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/let-the-codes-fly.html" rel="bookmark" title="让代码飞一会儿吧">让代码飞一会儿吧</a>        <div class="rl_date">2010年12月22日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/diy-forum-signature-with-discuz-code.html/feed</wfw:commentRss>
		<slash:comments>47</slash:comments>
		</item>
		<item>
		<title>WordPress 自带表情代码</title>
		<link>http://wange.im/wordpress-emotion-images.html</link>
		<comments>http://wange.im/wordpress-emotion-images.html#comments</comments>
		<pubDate>Mon, 29 Jun 2009 11:55:45 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[精品推荐]]></category>
		<category><![CDATA[DIY]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[图片]]></category>
		<category><![CDATA[总结]]></category>
		<category><![CDATA[表情]]></category>

		<guid isPermaLink="false">http://wange.im/?p=1183</guid>
		<description><![CDATA[开篇第一句，先喊一下我的口号：能用代码搞定的就绝不用插件解决！再结合本文标题，聪明的你应该已经猜到我想写什么了吧。没错，我要总结一下 WordPress 自带表情的代码来代替 WP Grins 插件。WP Grins 表情插件大家都很熟悉了，就是调用 prototype.js 实现在博客留言框的上方和编辑文章的输入框的下方添加一排表情按钮，很方便。不过这也就是我为什么讨厌用插件的原因，动不动就调用 JS，更讨厌这种 prototype.js 的巨型 JS。其实这表情并不是插件所带的，而是 WordPress 自带的，WP Grins 无非是调用了这些表情而已。 既然如此，我们只需要知道这些表情的代码就可以用啦。归纳如下： 　咧嘴笑　':D'　':-D'　':grin:' 　忧伤　':('　':-('　':sad:' 　惊讶　'8O'　'8-O'　':shock:' 　耍酷　'8)'　'8-)'　':cool:' 　冷笑　':P'　':-P'　':razz:' 　自然的表情　':&#124;'　':-&#124;'　':neutral:' 　笑脸　':)'　':-)'　':smile:' 　吃惊　':o'　':-o'　':eek:' 　困惑　':?'　':-?'　':???:' 　抓狂　':x'　':-x'　':mad:' 　眨眼　';)'　';-)'　':wink:' 　大笑　':lol:' 　右箭头　':arrow:' 　感叹　':!:' 　红脸　':oops:' 　恶魔　':evil:' 　疑问　':?:' 　哭泣　':cry:' 　痛苦　':twisted:' 　好主意　':idea:' 　绿脸先生　':mrgreen:' 　转眼珠　':roll:' 要记住这些代码可不容易，所以写下这篇归纳性文章，需要用时自己看看，呵呵。扩展一下，因为这些表情都是 WordPress 自带的，在 /wp-includes/images/smilies 文件夹下可以找到这些表情图片，把你自己喜欢的表情图片以原文件名覆盖就可以 DIY 属于你的表情图片了。 与 DIY,WordPress,代码,图片,总结,表情 相关的文章 Wordpress 自定义顶部图像 2011年01月29日 自定义 [...]]]></description>
			<content:encoded><![CDATA[<p>开篇第一句，先喊一下我的口号：<a title="“能用代码搞定的就绝不用插件解决” 的搜索结果" href="http://wange.im/?s=%E8%83%BD%E7%94%A8%E4%BB%A3%E7%A0%81%E6%90%9E%E5%AE%9A%E7%9A%84%E5%B0%B1%E7%BB%9D%E4%B8%8D%E7%94%A8%E6%8F%92%E4%BB%B6%E8%A7%A3%E5%86%B3">能用代码搞定的就绝不用插件解决</a>！再结合本文标题，聪明的你应该已经猜到我想写什么了吧。没错，我要总结一下 WordPress 自带表情的代码来代替 WP Grins 插件。WP Grins 表情插件大家都很熟悉了，就是调用 prototype.js 实现在博客留言框的上方和编辑文章的输入框的下方添加一排表情按钮，很方便。不过这也就是我为什么讨厌用插件的原因，动不动就调用 JS，更讨厌这种 prototype.js 的巨型 JS。其实这表情并不是插件所带的，而是 WordPress 自带的，WP Grins 无非是调用了这些表情而已。</p>
<p>既然如此，我们只需要知道这些表情的代码就可以用啦。归纳如下：</p>
<p> <img src='http://wange.im/wp-includes/images/smilies/icon_biggrin.gif' alt=':grin:' class='wp-smiley' /> 　咧嘴笑　':D'　':-D'　':grin:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_sad.gif' alt=':sad:' class='wp-smiley' /> 　忧伤　':('　':-('　':sad:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_eek.gif' alt=':shock:' class='wp-smiley' /> 　惊讶　'8O'　'8-O'　':shock:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_cool.gif' alt=':cool:' class='wp-smiley' /> 　耍酷　'8)'　'8-)'　':cool:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_razz.gif' alt=':razz:' class='wp-smiley' /> 　冷笑　':P'　':-P'　':razz:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_neutral.gif' alt=':neutral:' class='wp-smiley' /> 　自然的表情　':|'　':-|'　':neutral:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_smile.gif' alt=':smile:' class='wp-smiley' /> 　笑脸　':)'　':-)'　':smile:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_surprised.gif' alt=':eek:' class='wp-smiley' /> 　吃惊　':o'　':-o'　':eek:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_confused.gif' alt=':???:' class='wp-smiley' /> 　困惑　':?'　':-?'　':???:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_mad.gif' alt=':mad:' class='wp-smiley' /> 　抓狂　':x'　':-x'　':mad:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_wink.gif' alt=':wink:' class='wp-smiley' /> 　眨眼　';)'　';-)'　':wink:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_lol.gif' alt=':lol:' class='wp-smiley' /> 　大笑　':lol:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_arrow.gif' alt=':arrow:' class='wp-smiley' /> 　右箭头　':arrow:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_exclaim.gif' alt=':!:' class='wp-smiley' /> 　感叹　':!:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_redface.gif' alt=':oops:' class='wp-smiley' /> 　红脸　':oops:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_evil.gif' alt=':evil:' class='wp-smiley' /> 　恶魔　':evil:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_question.gif' alt=':?:' class='wp-smiley' /> 　疑问　':?:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_cry.gif' alt=':cry:' class='wp-smiley' /> 　哭泣　':cry:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_twisted.gif' alt=':twisted:' class='wp-smiley' /> 　痛苦　':twisted:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_idea.gif' alt=':idea:' class='wp-smiley' /> 　好主意　':idea:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_mrgreen.gif' alt=':mrgreen:' class='wp-smiley' /> 　绿脸先生　':mrgreen:'<br />
 <img src='http://wange.im/wp-includes/images/smilies/icon_rolleyes.gif' alt=':roll:' class='wp-smiley' /> 　转眼珠　':roll:'</p>
<p>要记住这些代码可不容易，所以写下这篇归纳性文章，需要用时自己看看，呵呵。扩展一下，因为这些表情都是 WordPress 自带的，在 /wp-includes/images/smilies 文件夹下可以找到这些表情图片，把你自己喜欢的表情图片以原文件名覆盖就可以 DIY 属于你的表情图片了。</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/diy/" title="DIY" rel="tag">DIY</a>,<a href="http://wange.im/tag/wordpress/" title="WordPress" rel="tag">WordPress</a>,<a href="http://wange.im/tag/code/" title="代码" rel="tag">代码</a>,<a href="http://wange.im/tag/picture/" title="图片" rel="tag">图片</a>,<a href="http://wange.im/tag/summary/" title="总结" rel="tag">总结</a>,<a href="http://wange.im/tag/expression/" title="表情" rel="tag">表情</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/timthumb.php?src=http://wange.im/cache/diybanner.jpg&amp;h=45&amp;w=45&amp;zc=1" alt="Wordpress 自定义顶部图像" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/add-custom-image-header-in-wordpress.html" rel="bookmark" title="Wordpress 自定义顶部图像">Wordpress 自定义顶部图像</a>        <div class="rl_date">2011年01月29日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/custom-smilies-src-for-wordpress.html" rel="bookmark" title="自定义 Wordpress 表情路径">自定义 Wordpress 表情路径</a>        <div class="rl_date">2011年01月18日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/convert-smilies-to-pic-in-wordpress.html" rel="bookmark" title="将 Wordpress 中的表情符号转化为图片">将 Wordpress 中的表情符号转化为图片</a>        <div class="rl_date">2009年12月8日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-default-22-expression-is-not-enough.html" rel="bookmark" title="Wordpress 默认的22个表情不够用？">Wordpress 默认的22个表情不够用？</a>        <div class="rl_date">2009年11月3日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/wordpress-emotion-images.html/feed</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
		<item>
		<title>关闭 WordPress 2.8 后台代码高亮</title>
		<link>http://wange.im/disable-code-highlight-in-theme-and-plugin-editor.html</link>
		<comments>http://wange.im/disable-code-highlight-in-theme-and-plugin-editor.html#comments</comments>
		<pubDate>Mon, 29 Jun 2009 00:55:04 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[精品推荐]]></category>
		<category><![CDATA[转来载去]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[编辑器]]></category>

		<guid isPermaLink="false">http://wange.im/?p=1178</guid>
		<description><![CDATA[升级到 WordPress 2.8 的童鞋们都知道，Wordpress 后台的编辑器加上了代码高亮的新特性。这个效果很炫，很符合代码达人的审美观，当然啦，其弊端也是显而易见的：1、后台编辑器的速度明显迟缓了，大忌中的大忌。2、对于稍长的代码不会自动换行，滚动条拉来拉去多麻烦。3、对于小修小改的 WPer 来说，是有针对性地修改代码，高亮代码有些多余甚至累赘。 基于以上原因，冰古大哥早在 WordPress 2.8 beta 时就已经提出关闭后台代码高亮的方案，beta 版本转正之后，我才试了一下，果然很有效，所以分享下： 只要将以下代码插入主题 function.php 中就可以了： /** * Disable code highlight in theme and plugin editor */ wp_deregister_script('codepress'); 现在的后台编辑器就和 WordPress 2.8 之前的版本一样了，用惯了 2.71 的编辑器，高亮的代码就不习惯了，呵呵。啥时候这后台高亮代码的函数可以在写日志时调用就好咯，大家也不用 coolcode 这些高亮代码插件了。 本文部分转自：http://wanwp.com/tips-tricks/2-most-useful-hack-for-new-wordpress-28/ 与 WordPress,代码,编辑器 相关的文章 给 Wordpress 评论框添加 TinyMCE 编辑器 2010年10月3日 Wordpress 免插件实现运行代码框 2009年09月15日 如何在 Wordpress 中插入表格 2009年07月5日 Wordpress 自带表情代码 [...]]]></description>
			<content:encoded><![CDATA[<p>升级到 WordPress 2.8 的童鞋们都知道，Wordpress 后台的编辑器加上了代码高亮的新特性。这个效果很炫，很符合代码达人的审美观，当然啦，其弊端也是显而易见的：1、后台编辑器的速度明显迟缓了，大忌中的大忌。2、对于稍长的代码不会自动换行，滚动条拉来拉去多麻烦。3、对于小修小改的 WPer 来说，是有针对性地修改代码，高亮代码有些多余甚至累赘。</p>
<p>基于以上原因，<a rel="external nofollow" href="http://wanwp.com" target="_blank">冰古</a>大哥早在 WordPress 2.8 beta 时就已经提出关闭后台代码高亮的方案，beta 版本转正之后，我才试了一下，果然很有效，所以分享下：</p>
<p>只要将以下代码插入主题 function.php 中就可以了：</p>
<p><code>/**<br />
* Disable code highlight in theme and plugin editor<br />
*/<br />
wp_deregister_script('codepress');</code></p>
<p>现在的后台编辑器就和 WordPress 2.8 之前的版本一样了，用惯了 2.71 的编辑器，高亮的代码就不习惯了，呵呵。啥时候这后台高亮代码的函数可以在写日志时调用就好咯，大家也不用 coolcode 这些高亮代码插件了。</p>
<p>本文部分转自：<a title="《新建Wordpress 2.8必用的两个hack》" rel="external nofollow" href="http://wanwp.com/tips-tricks/2-most-useful-hack-for-new-wordpress-28/" target="_blank">http://wanwp.com/tips-tricks/2-most-useful-hack-for-new-wordpress-28/</a></p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/wordpress/" title="WordPress" rel="tag">WordPress</a>,<a href="http://wange.im/tag/code/" title="代码" rel="tag">代码</a>,<a href="http://wange.im/tag/editor/" title="编辑器" rel="tag">编辑器</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/tinymce-in-wordpress.html" rel="bookmark" title="给 Wordpress 评论框添加 TinyMCE 编辑器">给 Wordpress 评论框添加 TinyMCE 编辑器</a>        <div class="rl_date">2010年10月3日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/run-code-in-wordpress-without-plugins.html" rel="bookmark" title="Wordpress 免插件实现运行代码框">Wordpress 免插件实现运行代码框</a>        <div class="rl_date">2009年09月15日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/insert-table-in-wordpress.html" rel="bookmark" title="如何在 Wordpress 中插入表格">如何在 Wordpress 中插入表格</a>        <div class="rl_date">2009年07月5日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/wordpress-emotion-images.html" rel="bookmark" title="Wordpress 自带表情代码">Wordpress 自带表情代码</a>        <div class="rl_date">2009年06月29日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/disable-code-highlight-in-theme-and-plugin-editor.html/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>WordPress 写代码未必用插件</title>
		<link>http://wange.im/wordpress-code-without-plugins.html</link>
		<comments>http://wange.im/wordpress-code-without-plugins.html#comments</comments>
		<pubDate>Sun, 14 Jun 2009 12:21:08 +0000</pubDate>
		<dc:creator>万戈</dc:creator>
				<category><![CDATA[电脑网络]]></category>
		<category><![CDATA[精品推荐]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[插件]]></category>
		<category><![CDATA[教程]]></category>
		<category><![CDATA[非插件]]></category>

		<guid isPermaLink="false">http://wange.im/?p=983</guid>
		<description><![CDATA[很多 WordPress 的老鸟们在日志中插入代码的时候喜欢用 coolcode 之类的代码高亮插件。据我所知，每次读取使用 coolcode 的日志时都会调用一个 coolcode 插件中的 CSS 和 JS 文件，插件本身、CSS 和 JS 多多少少会影响 WordPress 的加载速度。我偶尔也会在日志里插些代码，可我的宗旨是：能用代码搞定的就绝不用插件解决！况且以我这菜鸟级水平也不会经常写技术类的文章，所以我就想办法尽量避免使用 coolcode 这类代码高亮插件。 我在 WordPress 中不用插件在日志中插入高亮代码的方法需要分两步完成： 一、高亮代码 首先推荐一个网站：代码发芽网（http://fayaa.com/code/）。该网站有三大特点： 1、无需插件支持 blog 代码高亮。只需要复制粘贴即可轻松使用，且支持120多种编程语方和30多个流行的高亮主题，高亮代码在RSS中依然有效。 2、稳定支持各种blog、论坛、邮箱。包括 WordPress、Z-Blog、Bo-Blog、BlogBus、百度空间、JavaEye、Discuz!论坛、phpBB、QQ 空间、网易邮箱、Gmai l等等等等。 3、代码收集与共享。支持代码版本管理，并有评论、收藏等功能。 二、禁用全半角符号自动转换 从代码发芽网上复制下来的代码已经是半角的了，但是粘贴到 WordPress 发布后，Wordpress 会智能地将源代码中的所有半角符号自动修正为全角符号，以防止外部源代码在网页上执行。那如何阻止Wordpress的这一自作聪明的行为呢？方法有二： 方法1、willin大侠推荐过我 Quotmarks Replacer 插件，该插件可以禁止 WordPress 自动转换全半角标点符号，很小很实用。不过既然本文声明了是不用插件在 WordPress 中写代码，所以就不具体介绍该插件了（也没啥好介绍的，安装即用，无需设置）。 方法2、其实 WordPress 会自动转换全半角标点符号是因为 wptexturize() 这个函数在作怪，所以只要禁用这一函数就可以了。打开主题文件夹下的 function.php，加入如下代码就和自动转换全半角符号 Say Byebye 了： &#60;?php [...]]]></description>
			<content:encoded><![CDATA[<p>很多 WordPress 的老鸟们在日志中插入代码的时候喜欢用 coolcode 之类的代码高亮插件。据我所知，每次读取使用 coolcode 的日志时都会调用一个 coolcode 插件中的 CSS 和 JS 文件，插件本身、CSS 和 JS 多多少少会影响 WordPress 的加载速度。我偶尔也会在日志里插些代码，可我的宗旨是：<a title="“能用代码搞定的就绝不用插件解决” 的搜索结果" href="http://wange.im/?s=%E8%83%BD%E7%94%A8%E4%BB%A3%E7%A0%81%E6%90%9E%E5%AE%9A%E7%9A%84%E5%B0%B1%E7%BB%9D%E4%B8%8D%E7%94%A8%E6%8F%92%E4%BB%B6%E8%A7%A3%E5%86%B3">能用代码搞定的就绝不用插件解决</a>！况且以我这菜鸟级水平也不会经常写技术类的文章，所以我就想办法尽量避免使用 coolcode 这类代码高亮插件。</p>
<p>我在 WordPress 中不用插件在日志中插入高亮代码的方法需要分两步完成：</p>
<p><strong>一、高亮代码</strong></p>
<p>首先推荐一个网站：代码发芽网（<a title="代码发芽网" rel="external nofollow" href="http://fayaa.com/code/" target="_blank">http://fayaa.com/code/</a>）。该网站有三大特点：</p>
<p>1、无需插件支持 blog 代码高亮。只需要复制粘贴即可轻松使用，且支持120多种编程语方和30多个流行的高亮主题，高亮代码在RSS中依然有效。</p>
<p>2、稳定支持各种blog、论坛、邮箱。包括 WordPress、Z-Blog、Bo-Blog、BlogBus、百度空间、JavaEye、Discuz!论坛、phpBB、QQ 空间、网易邮箱、Gmai l等等等等。</p>
<p>3、代码收集与共享。支持代码版本管理，并有评论、收藏等功能。</p>
<p><strong>二、禁用全半角符号自动转换</strong></p>
<p>从代码发芽网上复制下来的代码已经是半角的了，但是粘贴到 WordPress 发布后，Wordpress 会智能地将源代码中的所有半角符号自动修正为全角符号，以防止外部源代码在网页上执行。那如何阻止Wordpress的这一自作聪明的行为呢？方法有二：</p>
<p>方法1、<a title="Willin Kan 的博客" rel="external nofollow" href="http://willin.atbhost.net/" target="_blank">willin</a>大侠推荐过我 <a title="Quotmarks Replacer" rel="external nofollow" href="http://sparanoid.com/project/quotmarks-replacer-21/" target="_blank">Quotmarks Replacer</a> 插件，该插件可以<span>禁止 WordPress 自动转换全半角标点符号，很小很实用。不过既然本文声明了是不用插件在 WordPress 中写代码，所以就不具体介绍该插件了（也没啥好介绍的，安装即用，无需设置）。</span></p>
<p>方法2、其实 WordPress 会自动转换全半角标点符号是因为 wptexturize() 这个函数在作怪，所以只要禁用这一函数就可以了。打开主题文件夹下的 function.php，加入如下代码就和自动转换全半角符号 Say Byebye 了：</p>
<div class="source">
<div style="FONT-FAMILY: '[object HTMLOptionElement]','Consolas','Lucida Console','Courier New'; COLOR: #000000"><span style="COLOR: #008080">&lt;?php</span> <span style="COLOR: #000000">remove_filter</span>(<span style="COLOR: #0000ff">'the_content'</span><span style="COLOR: #000000">,</span> <span style="COLOR: #0000ff">'wptexturize'</span>); <span style="COLOR: #008080">?&gt;</span></div>
</div>
<p>以上这行代码就是我用本文介绍的方法实现的，非插件哟。如果觉得一行代码太少，看效果不过瘾，你可以看看<a title="《开启GZIP，提速Wordpress》" href="http://wange.im/turn-on-gzip-speed-up-wordpress.html">《开启GZIP，提速Wordpress》</a>这篇文章中的非插件高亮代码效果。希望此方法能对你有所帮助。</p>
<div id="rl_posts">    <div id="rl_posts_hd" class="box_hd">        <span id="rl_posts_title" class="box_title">与 <h2 itemprop="keywords"><a href="http://wange.im/tag/wordpress/" title="WordPress" rel="tag">WordPress</a>,<a href="http://wange.im/tag/code/" title="代码" rel="tag">代码</a>,<a href="http://wange.im/tag/plugins/" title="插件" rel="tag">插件</a>,<a href="http://wange.im/tag/tutorial/" title="教程" rel="tag">教程</a>,<a href="http://wange.im/tag/no-plugins/" title="非插件" rel="tag">非插件</a></h2> 相关的文章        </span>    </div>    <div id="rl_posts_bd">        <ul class="clearfix"><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/turn-on-gzip-for-wordpress.html" rel="bookmark" title="给 Wordpress 开启 Gzip 功能">给 Wordpress 开启 Gzip 功能</a>        <div class="rl_date">2009年06月7日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/add-signature-for-wordpress-posts.html" rel="bookmark" title="给 Wordpress 添加日志签名档">给 Wordpress 添加日志签名档</a>        <div class="rl_date">2009年05月29日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/pageear.html" rel="bookmark" title="Wordpress翻页效果插件Pageear">Wordpress翻页效果插件Pageear</a>        <div class="rl_date">2009年05月1日</div>    </div></li><li>    <div class="rl_thumb"><img src="http://wange.im/wp-content/themes/wange/imgs/category/computer.jpg" alt="电脑网络" width="45" height="45" itemprop="thumbnailUrl" />    </div>    <div class="rl_title">        <a href="http://wange.im/configure-smtp.html" rel="bookmark" title="评论回复邮件通知插件">评论回复邮件通知插件</a>        <div class="rl_date">2009年04月26日</div>    </div></li>        </ul>    </div></div>]]></content:encoded>
			<wfw:commentRss>http://wange.im/wordpress-code-without-plugins.html/feed</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
	</channel>
</rss>

