<?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>Just is here--恰恰在这里 &#187; CoolCode</title>
	<atom:link href="http://ishere.cn/tag/coolcode/feed" rel="self" type="application/rss+xml" />
	<link>http://ishere.cn</link>
	<description>Jena&#039;s blog</description>
	<lastBuildDate>Sat, 14 Jan 2012 07:51:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>快速使用CoolCode-WordPress代码着色插件</title>
		<link>http://ishere.cn/2008/07/16/coolcode-for-wordpress.html</link>
		<comments>http://ishere.cn/2008/07/16/coolcode-for-wordpress.html#comments</comments>
		<pubDate>Tue, 15 Jul 2008 16:51:19 +0000</pubDate>
		<dc:creator>jena</dc:creator>
				<category><![CDATA[keyboard's joy]]></category>
		<category><![CDATA[CoolCode]]></category>

		<guid isPermaLink="false">http://www.aobodo.com/?p=174</guid>
		<description><![CDATA[第一次发布还失败了，原因是代码里有coolcode标签，结果让编辑器给替换了 ：（ 再发一次，这次把coolcode标签替换成mycodes，实际使用中要替换回来。 今天为WP增加了一个插件CoolCode，作用就是让内容里的代码能够高亮显示，经常写些程序代码，但是以前只是普通的文字，没有相应的颜色，有了这个插件，写出来的代码加上颜色，就好看多了。 经过测试，在编辑器Visual模式下写的代码不能被正常的的解析，只有在HTML模式下写出来的代码才能被正常的解析到。然而每次都要写上&#60;mycodes lang=”javascript”&#62;&#60;/mycodes&#62;，虽然字数不多，但是像这样简单的代码就懒得写了，于是，决定在HTML模式下，增加一个快捷按钮，就像已有的link，code一样，点击一下，输入几个参数就可以了。 CoolCode有三个参数，lang，指定被包含的程序代码是哪种语言，支持actionscript cpp css diff dtd html java javascript mysql perl php python ruby sql xml；linenum，指定是否显示行号，值是true或者false，默认是true；download，指定要下载的文件的路径加文件名。这三个参数都是可选的。了解了这些，就开始写代码了。 首先是在“wp-includesjsquicktags.js”里进行修改， 添加要显示的按钮： edButtons[edButtons.length] = new edButton(&#8216;ed_coolcode&#8217; ,&#8217;mycodes&#8217; ,” ,&#8217;&#60;/mycodes&#62;&#8217; ); 将这个按钮增加到“edShowButton”函数里： function edShowButton(button, i) { if (button.id == &#8216;ed_img&#8217;) &#8230; <a href="http://ishere.cn/2008/07/16/coolcode-for-wordpress.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong>第一次发布还失败了，原因是代码里有coolcode标签，结果让编辑器给替换了 ：（ 再发一次，这次把coolcode标签替换成mycodes，实际使用中要替换回来。</strong></p>
<p>今天为WP增加了一个插件CoolCode，作用就是让内容里的代码能够高亮显示，经常写些程序代码，但是以前只是普通的文字，没有相应的颜色，有了这个插件，写出来的代码加上颜色，就好看多了。</p>
<p>经过测试，在编辑器Visual模式下写的代码不能被正常的的解析，只有在HTML模式下写出来的代码才能被正常的解析到。然而每次都要写上&lt;mycodes lang=”javascript”&gt;&lt;/mycodes&gt;，虽然字数不多，但是像这样简单的代码就懒得写了，于是，决定在HTML模式下，增加一个快捷按钮，就像已有的link，code一样，点击一下，输入几个参数就可以了。</p>
<p>CoolCode有三个参数，lang，指定被包含的程序代码是哪种语言，支持actionscript cpp css diff dtd html java javascript mysql perl php python ruby sql xml；linenum，指定是否显示行号，值是true或者false，默认是true；download，指定要下载的文件的路径加文件名。这三个参数都是可选的。了解了这些，就开始写代码了。</p>
<p>首先是在“wp-includesjsquicktags.js”里进行修改，<br />
添加要显示的按钮：<br />
<coolcode lang="javascript"><br />
edButtons[edButtons.length] =<br />
new edButton(&#8216;ed_coolcode&#8217;<br />
,&#8217;mycodes&#8217;<br />
,”<br />
,&#8217;&lt;/mycodes&gt;&#8217;<br />
);<br />
</coolcode><br />
将这个按钮增加到“edShowButton”函数里：<br />
<coolcode lang="javascript"><br />
function edShowButton(button, i) {<br />
	if (button.id == &#8216;ed_img&#8217;) {<br />
		document.write(&#8216;<br />
<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertImage(edCanvas);" value="' + button.display + '" />&#8216;);<br />
	}<br />
	else if (button.id == &#8216;ed_link&#8217;) {<br />
		document.write(&#8216;<br />
<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertLink(edCanvas, ' + i + ');" value="' + button.display + '" />&#8216;);<br />
	}<br />
	else if(button.id == &#8216;ed_coolcode&#8217;) {<br />
		document.write(&#8216;<br />
<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertCoolCode(edCanvas, ' + i + ',true);" value="' + button.display + '" />&#8216;);<br />
	}<br />
	else {<br />
		document.write(&#8216;<br />
<input type="button" id="' + button.id + '" accesskey="' + button.access + '" class="ed_button" onclick="edInsertTag(edCanvas, ' + i + ');" value="' + button.display + '"  />&#8216;);<br />
	}<br />
}<br />
</coolcode><br />
因为这个按钮需要接收弹出框的信息，所以要单独写。<span id="more-370"></span><br />
然后添加按钮点击触发的函数：<br />
<coolcode lang="javascript"><br />
function edInsertCoolCode(myField, i, showprompt){<br />
	/*<br />
	 *Function: Quick insert CoolCode For WordPress HTML Edior<br />
	 *Author: Jena.want | www.AOBODO.com | 2008-7-16 0:20:11<br />
	 *Parameter: showprompt [true/false] if set true then editor will show prompt<br />
	 *LastModify: 2008-7-16 0:20:23<br />
	*/<br />
	if (!edCheckOpenTags(i)) {<br />
		if(showprompt){<br />
			var ccLang = prompt(&#8216;Language, nLike: actionscript cpp css diff dtd html java javascript mysql perl php python ruby sql xml&#8217;, ”);<br />
			var ccLineNum = prompt(&#8216;Line number, On or Off, default value is On&#8217;, &#8216;on&#8217;);<br />
			var ccDownload = prompt(&#8216;Download file, nLike: http://www.maydomain.com/folder/file.rar&#8217;, &#8216;http://&#8217;);<br />
		}<br />
		var myValue = &#8216;&lt;mycodes &#8216;;<br />
		if(ccLang){<br />
			myValue += &#8216; lang=”&#8216;+ ccLang +&#8217;”&#8216;;<br />
		}<br />
		if(ccLineNum || ccLineNum == &#8216;on&#8217;){<br />
			myValue += &#8216; linenum=”on”&#8216;;<br />
		}else if(ccLineNum == &#8216;off&#8217;){<br />
			myValue += &#8216; linenum=”off”&#8216;;<br />
		}<br />
		if(ccDownload &#038;&#038; ccDownload!=&#8217;http://&#8217;){<br />
			myValue += &#8216; download=”&#8216;+ ccDownload +&#8217;”&#8216;;<br />
		}<br />
		myValue += &#8216;>n&#8217;;<br />
		edButtons[i].tagStart = myValue;<br />
		edInsertTag(myField, i);<br />
	}else{<br />
		edInsertTag(myField, i);<br />
	}</p>
<p>}<br />
</coolcode><br />
其中第三个参数“showprompt”控制是否弹出输入框，传递false就不弹出了。还有就是弹出框的提示信息，本来应该放到“wp-includesscript-loader.php”里的，我这里就直接写在函数里了，懒了　：）</p>
<p>好了，这样就可以方便的使用了。</p>
]]></content:encoded>
			<wfw:commentRss>http://ishere.cn/2008/07/16/coolcode-for-wordpress.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

