﻿﻿﻿﻿<?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>虾米窝窝</title>
	<atom:link href="http://yakelie.com/feed" rel="self" type="application/rss+xml" />
	<link>http://yakelie.com</link>
	<description>面朝大海，春暖花开。</description>
	<lastBuildDate>Sun, 07 Feb 2010 14:21:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>转：22个所见即所得在线 Web 编辑器</title>
		<link>http://yakelie.com/html/2010-02-04/turn-22-wysiwyg-web-editor-online.html</link>
		<comments>http://yakelie.com/html/2010-02-04/turn-22-wysiwyg-web-editor-online.html#comments</comments>
		<pubDate>Thu, 04 Feb 2010 02:50:17 +0000</pubDate>
		<dc:creator>sharmy</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[html编辑器]]></category>
		<category><![CDATA[在线编辑器]]></category>

		<guid isPermaLink="false">http://yakelie.com/?p=806</guid>
		<description><![CDATA[<p>本文搜集了 22 个 Web 在线编辑器，它们基本代表了当前 Web 编辑器的现状：</p>
<p><a href="http://sixrevisions.com/user-interface/rich-text-editors-for-2010-and-beyond/"><img style="border-bottom: black 1px solid; border-left:... ]]></description>
			<content:encoded><![CDATA[<p>本文搜集了 22 个 Web 在线编辑器，它们基本代表了当前 Web 编辑器的现状：</p>
<p><a href="http://sixrevisions.com/user-interface/rich-text-editors-for-2010-and-beyond/"><img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="Rich-Text Editors for 2010 and Beyond" src="http://yakelie.com/wp-content/uploads/2010/02/105024inp.jpg" width="550" height="200" /></a></p>
<p>
1. <a href="http://tinymce.moxiecode.com/">TinyMCE</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="TinyMCE" src="http://yakelie.com/wp-content/uploads/2010/02/105026vnf.jpg" width="550" height="182" /></p>
<p>免费，开源，轻量，基于 JavaScript，高度可定制，跨平台。<br />
2. <a href="http://www.fckeditor.net/">FCKEditor</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="FCKEditor" src="http://yakelie.com/wp-content/uploads/2010/02/1050281gu.jpg" width="550" height="176" /></p>
<p>免费，开源，用户量庞大，有良好的社区支持。<br />
3. <a href="http://developer.yahoo.com/yui/editor/">YUI Editor</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="YUI Editor" src="http://yakelie.com/wp-content/uploads/2010/02/105030m4x.png" width="550" height="180" /></p>
<p>属于 Yahoo! YUI 的一部分，能输出纯净 XHTML 代码。<br />
4. <a href="http://nicedit.com/">NicEdit</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="NicEdit" src="http://yakelie.com/wp-content/uploads/2010/02/105031mqh.jpg" width="550" height="120" /></p>
<p>简单，易用，轻量，外观漂亮。<br />
5. <a href="http://kupu.oscom.org/">Kupu</a> <br />
<a href="http://en.wikipedia.org/wiki/Kupu"><img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="Kupu" src="http://yakelie.com/wp-content/uploads/2010/02/1050332cm.jpg" width="550" height="168" /></a></p>
<p>开源，支持 Ajax 保存，跨平台，易于集成，由 OSCOM 推出。</p>
<p>6. <a href="http://www.freerichtexteditor.com/">Free Rich Text Editor</a> <br />
<a href="http://www.freerichtexteditor.com/"><img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="Free  Rich Text Editor" src="http://yakelie.com/wp-content/uploads/2010/02/105040oic.png" width="550" height="151" /></a></p>
<p>非常容易部署，输出 XHTML 代码，功能丰富。<br />
7. <a href="http://www.webwizguide.com/webwizrichtexteditor/">WebWiz RichTextEditor</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="WebWiz RichTextEditor" src="http://yakelie.com/wp-content/uploads/2010/02/1050424pi.jpg" width="550" height="145" /></p>
<p>这是一个商业产品，并不免费，但功能非常丰富，基于 ASP，JavaScript 和 DHTML。<br />
8. <a href="http://xstandard.com/">XStandard</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="XStandard" src="http://yakelie.com/wp-content/uploads/2010/02/1050447cv.png" width="550" height="109" /></p>
<p>故名思意，这个编辑器会生成符合标准的纯净 XHTML 代码。<br />
9. <a href="http://avidansoft.com/dsrte/">Damn Small Rich Text Editor</a> <br />
<img alt="Damn Small Rich Text Editor" src="http://yakelie.com/wp-content/uploads/2010/02/105046t91.jpg" width="550" height="150" /></p>
<p>基于 jQuery 和 PHP 后台，非常小巧（~18K），但功能丰富。<br />
10. <a href="http://www.themaninblue.com/experiment/widgEditor/">WidgEditor</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="WidgEditor" src="http://yakelie.com/wp-content/uploads/2010/02/105053zc6.jpg" width="550" height="161" /></p>
<p>简单，易用，开源，即使浏览器不支持 JavaScript，仍能很好地工作。<br />
11. <a href="http://www.kevinroth.com/rte/">Kevin Roth&rsquo;s Cross Browser Rich Text Editor</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="Kevin Roth&rsquo;s Cross Browser Rich Text Editor" src="http://yakelie.com/wp-content/uploads/2010/02/105055ozl.jpg" width="550" height="234" /></p>
<p>一个不错的编辑器，支持皮肤，符合 XHTML 标准，跨浏览器兼容，分免费版和收费版两个版本。<br />
12. <a href="http://www.openwebware.com/">OpenWYSIWYG</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="OpenWYSIWYG" src="http://yakelie.com/wp-content/uploads/2010/02/105057e0t.jpg" width="550" height="136" /></p>
<p>拥有许多出色的功能，容易部署，速度极快。<br />
13. <a href="http://www.codeplex.com/rte">CodePlex Rich Text Editor</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="CodePlex Rich Text Editor" src="http://yakelie.com/wp-content/uploads/2010/02/105058xel.png" width="550" height="97" /></p>
<p>基于 ASP.NET，目前只支持 IE 和 Firefox。<br />
14. <a href="http://freetextbox.com/">FreeTextBox</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="FreeTextBox" src="http://yakelie.com/wp-content/uploads/2010/02/105059v8p.png" width="550" height="161" /></p>
<p>集成了相册，拼写检查等功能，尤其适合 ASP.NET 项目。<br />
15. <a href="http://www.codeplex.com/richtextedit">Silverlight Rich Text Editor</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="Silverlight Rich Text Editor" src="http://yakelie.com/wp-content/uploads/2010/02/105101h1d.jpg" width="550" height="94" /></p>
<p>适合与微软的 Silverlight 一起使用，功能丰富，不过，似乎原作者已经不再更新这个项目了。<br />
16. <a href="http://www.bitfluxeditor.org/">BXE (Bitflux Editor)</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="BXE (Bitflux Editor)" src="http://yakelie.com/wp-content/uploads/2010/02/1051038al.png" width="550" height="94" /></p>
<p>从 2002 年以来一直开源，拥有一批非常忠实的用户和社区，据称是目前最好的 WYSIWYG 编辑器之一。<br />
17. <a href="http://markitup.jaysalvat.com/home/">MarkItUp!</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="MarkItUp!" src="http://yakelie.com/wp-content/uploads/2010/02/105105n19.jpg" width="550" height="236" /></p>
<p>基于 jQuery，轻量，支持键盘快捷键，支持多种代码，包括 HTML, Textile, Wiki Syntax, Markdown, BBcode。<br />
18. <a href="http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/advanced-editing-and-display/editor-rich-text">Dijit Editor for Dojo</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="Dijit Editor for Dojo" src="http://yakelie.com/wp-content/uploads/2010/02/105106tce.jpg" width="550" height="100" /></p>
<p>基于 Dojo JavaScript 框架，输出干净 HTML 代码，支持插件，拥有清新的按钮。<br />
19. <a href="http://www.cdolivet.com/editarea/editarea/docs/">EditArea</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="EditArea" src="http://yakelie.com/wp-content/uploads/2010/02/105107pbf.png" width="550" height="98" /></p>
<p>易于集成，干净代码，实时语法加亮，自动缩进，多语种支持，多实例支持，全屏模式等功能。<br />
20. <a href="http://www.wymeditor.org/">WYMeditor</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="WYMeditor" src="http://yakelie.com/wp-content/uploads/2010/02/105124pl1.jpg" width="550" height="124" /></p>
<p>输出干净的 XHTML + SCTRICT 代码，注重结构与语义，在输出结构化 XHTML 代码方面是最佳方案。<br />
21. <a href="http://www.unverse.net/whizzywig-cross-browser-html-editor.html">Whizzywig</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="Whizzywig" src="http://yakelie.com/wp-content/uploads/2010/02/105125485.png" width="550" height="161" /></p>
<p>多浏览器支持，Web 安全色选择器，支持表格，图片，Word 代码清洁，拼写检查等功能。<br />
22. <a href="http://xinha.webfactional.com/">Xinha</a> <br />
<img style="border-bottom: black 1px solid; border-left: black 1px solid; border-top: black 1px solid; border-right: black 1px solid" alt="Xinha" src="http://yakelie.com/wp-content/uploads/2010/02/105126f79.png" width="550" height="152" /></p>
<p>基于<a href="http://www.opensource.org/licenses/bsd-license.html">BSD协议</a>，易于部署与扩展，拥有很好的社区支持。</p>
]]></content:encoded>
			<wfw:commentRss>http://yakelie.com/html/2010-02-04/turn-22-wysiwyg-web-editor-online.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>python中的除法</title>
		<link>http://yakelie.com/html/2009-11-23/python-in-the-division.html</link>
		<comments>http://yakelie.com/html/2009-11-23/python-in-the-division.html#comments</comments>
		<pubDate>Mon, 23 Nov 2009 08:05:58 +0000</pubDate>
		<dc:creator>sharmy</dc:creator>
				<category><![CDATA[python]]></category>
		<category><![CDATA[float]]></category>
		<category><![CDATA[int]]></category>
		<category><![CDATA[除法]]></category>

		<guid isPermaLink="false">http://yakelie.com/?p=804</guid>
		<description><![CDATA[<p>python中的除法运算有三种：</p>
<p>/ 除 <font color="#999999">x除以y 4/3得到1（整数的除法得到整数结果）。4.0/3或4/3.0得到1.3333333333333333</font> <br />
// 取整除 <font color="#808080">返回商的整数部分 4 //... ]]></description>
			<content:encoded><![CDATA[<p>python中的除法运算有三种：</p>
<p>/ 除 <font color="#999999">x除以y 4/3得到1（整数的除法得到整数结果）。4.0/3或4/3.0得到1.3333333333333333</font> <br />
// 取整除 <font color="#808080">返回商的整数部分 4 // 3.0得到1.0 <br />
</font>% 取模 <font color="#808080">返回除法的余数 8%3得到2。-25.5%2.25得到1.5 </font></p>
<p>我在用/除法的时候吃了大亏，因为以前一直用PHP，在我的潜意识里面/除法运算得出的结果都是准确的，或者说是会产生有小数的浮点型结果。于是我用了两个整数做/操作的时候页面上的结果一直不对，我也找不出问题出在哪，后来仔细研究手册才发现在进行/运算的时候如果操作的数是整形的话返回的结果页会是整形，多次这样操作后结果肯定就有问题了&#8230;&#8230;</p>
<p>另外一个截取小数点位数数的问题，貌似没有现成的函数，我找到两种办法：</p>
<p>a = 5<br />
b = 3<br />
c = float(str(float(a)/b)[:3])<br />
c = float(&quot;%.1f&quot; % (float(a)/b)</p>
]]></content:encoded>
			<wfw:commentRss>http://yakelie.com/html/2009-11-23/python-in-the-division.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>javascript之onchange, onpropertychange, oninput</title>
		<link>http://yakelie.com/html/2009-11-18/javascript-the-onchange-onpropertychange-oninput.html</link>
		<comments>http://yakelie.com/html/2009-11-18/javascript-the-onchange-onpropertychange-oninput.html#comments</comments>
		<pubDate>Wed, 18 Nov 2009 03:14:13 +0000</pubDate>
		<dc:creator>sharmy</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://yakelie.com/?p=802</guid>
		<description><![CDATA[<p>今天在做一个检测textarea里字数的时候，才发现onpropertychange是IE专有的东西，囧......</p>
<p>在FF下要用oninput这个函数，并且要用addEventListener来进行注册。</p>
<p>另外onpropertychange要比onchange检... ]]></description>
			<content:encoded><![CDATA[<p>今天在做一个检测textarea里字数的时候，才发现onpropertychange是IE专有的东西，囧&#8230;&#8230;</p>
<p>在FF下要用oninput这个函数，并且要用addEventListener来进行注册。</p>
<p>另外onpropertychange要比onchange检测范围广一点，onchange需要执行事件来触发，而onpropertychange可以检测对象属性的任何改变。</p>
]]></content:encoded>
			<wfw:commentRss>http://yakelie.com/html/2009-11-18/javascript-the-onchange-onpropertychange-oninput.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>小心Javascript中的逗号</title>
		<link>http://yakelie.com/html/2009-10-09/careful-javascript-in-comma.html</link>
		<comments>http://yakelie.com/html/2009-10-09/careful-javascript-in-comma.html#comments</comments>
		<pubDate>Fri, 09 Oct 2009 13:24:43 +0000</pubDate>
		<dc:creator>sharmy</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[expected identifier]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[microsoft]]></category>

		<guid isPermaLink="false">http://yakelie.com/?p=800</guid>
		<description><![CDATA[<p>今天在做Uchome二次开发的时候遇到一个奇怪的问题，js报错&#34; 'expected identifier, string or number'&#34;，这个问题只在IE6，7中出现，IE8和FF下均无问题。很奇怪，以前从来没有遇到过类似的情况。<... ]]></description>
			<content:encoded><![CDATA[<p>今天在做Uchome二次开发的时候遇到一个奇怪的问题，js报错&quot; &#8216;expected identifier, string or number&#8217;&quot;，这个问题只在IE6，7中出现，IE8和FF下均无问题。很奇怪，以前从来没有遇到过类似的情况。</p>
<p>琢磨了N久没有头绪，于是Google之，发现几篇国外的文章，说是一些多余的逗号会导致这个问题。再一对应，果然，我在定义一个对象的时候这样搞：</p>
<div class="codeText">
<div class="codeHead">JavaScript代码</div>
<ol start="1" class="dp-c">
<li class="alt"><span><span class="keyword">var</span><span> options&nbsp;&nbsp;&nbsp;&nbsp;=&nbsp;{&nbsp;&nbsp;</span></span></li>
<li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;after_click&nbsp;:&nbsp;<span class="keyword">function</span><span>(data){&nbsp; <br />
    </span></span></li>
<li class=""><span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data.handdle.parent().prev(</span><span class="string">&#8216;td&#8217;</span><span>).find(</span><span class="string">&#8216;input&#8217;</span><span>).val(data.value);&nbsp;&nbsp;</span></span></li>
<li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; },<br />
    </span></li>
<li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; image&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :&nbsp;<span class="string">&#8216;images/star.gif&#8217;</span><span>,&nbsp;&nbsp;</span></span></li>
<li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;max&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :&nbsp;5,&nbsp;&nbsp;</span></li>
<li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</span></li>
</ol>
</div>
<p>对了，就是<span>max:&nbsp;5,的那个逗号在搞怪了，估计是最近写python写顺了，在最后一个元素后加上了逗号。</p>
<p>老外也很幽默，在说这个事情的时候说道&ldquo;</span> thanks again Microsoft for making web developers lifes so difficult.<span>&rdquo;，呵呵，他说感谢微软让web开发者的人生变得如此惨淡，很有嘲讽的味道。</p>
<p>顺便提一下，在js中用分号作为一行结尾貌似不是必须的，但是最好还是保持在每行后加分号的习惯，如果不加的话在进行js文件压缩后会出问题。</span></p>
]]></content:encoded>
			<wfw:commentRss>http://yakelie.com/html/2009-10-09/careful-javascript-in-comma.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一些小事</title>
		<link>http://yakelie.com/html/2009-10-09/some_tips.html</link>
		<comments>http://yakelie.com/html/2009-10-09/some_tips.html#comments</comments>
		<pubDate>Fri, 09 Oct 2009 13:07:37 +0000</pubDate>
		<dc:creator>sharmy</dc:creator>
				<category><![CDATA[大杂烩]]></category>
		<category><![CDATA[人性]]></category>
		<category><![CDATA[修养]]></category>

		<guid isPermaLink="false">http://yakelie.com/?p=798</guid>
		<description><![CDATA[<p>1. 如果钱还宽裕，别养二奶，偷偷养几个贫困山区的学生。别让人家知道你是谁，要不然见面了多尴尬，多不好意思。但是你心里一定会觉得舒坦，比包二奶提心吊胆的要好得多。如果真想... ]]></description>
			<content:encoded><![CDATA[<p>1. 如果钱还宽裕，别养二奶，偷偷养几个贫困山区的学生。别让人家知道你是谁，要不然见面了多尴尬，多不好意思。但是你心里一定会觉得舒坦，比包二奶提心吊胆的要好得多。如果真想包也可以包一个，好事坏事一起做。人吗，本来就复杂。　 </p>
<p>2. 遇到夜里摆地摊的，能买就多买一些，别还价，东西都不贵。家境哪怕好一点，谁会大冷天夜里摆地摊 </p>
<p>3. 遇到学生出来打工的、勤工俭学的，特别是中学生、小姑娘。她卖什么你就买点，如果她不是家庭困难，出来打工也需要勇气的，鼓励鼓励她吧。　　 </p>
<p>4. 捡到钱包就找找失主，如果你实在缺钱就把现金留下。打电话告诉失主就说你在厕所里捡到的。把信用卡、身份证、驾驶执照还给人家，一般人家也不会在乎钱了。把人家的地址记在你的笔记本上，以后发达了去找人家道个谦，把钱还给人家　　 </p>
<p>5. 遇到迷路的人打听某个地址，碰巧你又知道，就主动告诉一声。别不好意思，没有人笑话你。 </p>
<p>6. 遇到迷路的小孩和老头老太太，能送回家送回家，不能送回家的送上车、送到派出所也行，如果有电话的替老人或小孩打个电话就走，反正你也不缺那两个电话费。 </p>
<p>7. 雨雪的时候、天冷的傍晚或者是雪天的傍晚，遇到卖菜的、卖水果的、卖报纸的剩的不多了又不能回家，能全买就全买，不能全买就买一份，反正吃什么也是吃，看什么也是看，买下来让人早点回家。 </p>
<p>8. 上车遇到老弱病、孕妇：让座的时候别动声色，也别大张旗鼓。站起来用身体住其他人，留出空位子给需要的人，然后装作下车走远点。人太多实在走不远，人家向你表示谢意的时候微笑一下。　　 </p>
<p>9. 遇到乞讨者：遇到要钱的就给他（她）点饭，遇到要饭的就给他（她）点钱。 </p>
<p>10. 如果时间还宽裕，而且碰巧觉得我说的在理，那就顶一下我的贴子，总比去顶看了没什么收获的贴子舒服。时间宽裕不少就请把这几句话多转几个地方，毕竟好人多了咱们心里也舒坦！</p>
]]></content:encoded>
			<wfw:commentRss>http://yakelie.com/html/2009-10-09/some_tips.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>雷人的谷歌翻译:百度比谷歌好</title>
		<link>http://yakelie.com/html/2009-07-27/google-translation-google-better-than-baidu.html</link>
		<comments>http://yakelie.com/html/2009-07-27/google-translation-google-better-than-baidu.html#comments</comments>
		<pubDate>Mon, 27 Jul 2009 09:56:04 +0000</pubDate>
		<dc:creator>sharmy</dc:creator>
				<category><![CDATA[大杂烩]]></category>
		<category><![CDATA[baidu]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[kingsoft]]></category>
		<category><![CDATA[翻译]]></category>
		<category><![CDATA[金山词霸]]></category>

		<guid isPermaLink="false">http://yakelie.com/html/2009-07-27/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91-%e7%99%be%e5%ba%a6%e6%af%94%e8%b0%b7%e6%ad%8c%e5%a5%bd.html</guid>
		<description><![CDATA[<p>这是我在金山词霸谷歌合作版里翻译的话：百度比谷歌好。它翻译成了：Google better than Baidu。注意这个客户端调用的是google翻译引擎的。</p>
<p>这个翻译，额，实在是太搞了，也应了一句话... ]]></description>
			<content:encoded><![CDATA[<p>这是我在金山词霸谷歌合作版里翻译的话：百度比谷歌好。它翻译成了：Google better than Baidu。注意这个客户端调用的是google翻译引擎的。</p>
<p>这个翻译，额，实在是太搞了，也应了一句话：彪悍的人生不需要理由。</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="baidu_is_better_than_google" border="0" alt="baidu_is_better_than_google" width="382" height="359" src="http://yakelie.com/wp-content/uploads/2009/07/baidu_is_better_than_google_thumb.jpg" /></p>
<p>PS:后来在Google的在线翻译也试了一样，结果也是如此，呵呵。</p>
]]></content:encoded>
			<wfw:commentRss>http://yakelie.com/html/2009-07-27/google-translation-google-better-than-baidu.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>在sun 的virtual box 上跑了一下live android</title>
		<link>http://yakelie.com/html/2009-07-20/in-the-sun-on-the-virtual-box-then-run-live-android.html</link>
		<comments>http://yakelie.com/html/2009-07-20/in-the-sun-on-the-virtual-box-then-run-live-android.html#comments</comments>
		<pubDate>Mon, 20 Jul 2009 07:28:07 +0000</pubDate>
		<dc:creator>sharmy</dc:creator>
				<category><![CDATA[大杂烩]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[iso]]></category>
		<category><![CDATA[live cd]]></category>
		<category><![CDATA[sun]]></category>
		<category><![CDATA[virtual box]]></category>
		<category><![CDATA[virtual machine]]></category>
		<category><![CDATA[vmware]]></category>
		<category><![CDATA[虚拟机]]></category>

		<guid isPermaLink="false">http://yakelie.com/html/2009-07-20/%e5%9c%a8sun-%e7%9a%84virtual-box-%e4%b8%8a%e8%b7%91%e4%ba%86%e4%b8%80%e4%b8%8blive-android.html</guid>
		<description><![CDATA[<p>我是很想买个google的android手机来玩玩，可是一看那个价格，哎。。。不说也罢，都懂！</p>
<p>最近看到一个live-android的项目，它开放并发布了android的live iso. Live iso 这个东西我在Ubuntu里就用... ]]></description>
			<content:encoded><![CDATA[<p>我是很想买个google的android手机来玩玩，可是一看那个价格，哎。。。不说也罢，都懂！</p>
<p>最近看到一个live-android的项目，它开放并发布了android的live iso. Live iso 这个东西我在Ubuntu里就用过了，用来体验一个东西是最好不过的了，又不用你真正装一个系统。当然，再加上虚拟机这玩意儿那简直就是锦上添花了，哈哈。</p>
<p>以前使用vmware来着，但是那个东西毕竟是要钱的，虽然俺机器上也是有很多d版的东西，但是能不用d版就不用吧。当然我也不会去说别人用d版，说别人的话不就成了五十步笑百步了？</p>
<p>所以现在在公司的机器上用上了Sun 的Virtual Box。感觉功能还是蛮不错的，这里就不细说了。</p>
<p>还是上Android的图吧!</p>
<p>这个是刚刚进入系统的界面，电池电量过低&hellip;&hellip;</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="android_1" border="0" alt="android_1" width="644" height="484" src="http://yakelie.com/wp-content/uploads/2009/07/android_1_thumb.jpg" /></p>
<p>&nbsp;</p>
<p>待机界面，和iPhone的差不多，可以左右拖动的：</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="android_wate" border="0" alt="android_wate" width="644" height="461" src="http://yakelie.com/wp-content/uploads/2009/07/android_wate_thumb.jpg" /></p>
<p>&nbsp;</p>
<p>Google 搜索首页：</p>
<p>&nbsp;<img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="android_2" border="0" alt="android_2" width="644" height="477" src="http://yakelie.com/wp-content/uploads/2009/07/android_2_thumb.jpg" /></p>
<p>&nbsp;</p>
<p>搜索结果：比正常的web搜索列表多了个选项：点击可以看到有网页快照，类似网页和移动版的选项。</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="android_google" border="0" alt="android_google" width="644" height="466" src="http://yakelie.com/wp-content/uploads/2009/07/android_google_thumb.jpg" /></p>
<p>&nbsp;</p>
<p>恩，这个是网络连接错误的界面，都怪我的blog主机速度太慢了，哎，一分钱一分货啊。</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="android_network_error" border="0" alt="android_network_error" width="644" height="463" src="http://yakelie.com/wp-content/uploads/2009/07/android_network_error_thumb.jpg" /></p>
<p>&nbsp;</p>
<p>拨号以及通话记录界面：</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="android_call" border="0" alt="android_call" width="644" height="483" src="http://yakelie.com/wp-content/uploads/2009/07/android_call_thumb.jpg" /></p>
<p>&nbsp;</p>
<p>点击待机界面右边那个按钮滑出的菜单界面，常用菜单都在这里了。</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="android_menu" border="0" alt="android_menu" width="644" height="484" src="http://yakelie.com/wp-content/uploads/2009/07/android_menu_thumb.jpg" />&nbsp;</p>
<p>其中有个开发工具箱，蛮贴心的哦：</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="android_devtool" border="0" alt="android_devtool" width="643" height="484" src="http://yakelie.com/wp-content/uploads/2009/07/android_devtool_thumb.jpg" /></p>
<p>&nbsp;</p>
<p>图片查看器，鼠标很好玩，看到图片上的一系列黄点了么？那个是鼠标的轨迹&hellip;&hellip;</p>
<p>&nbsp;<img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="android_raw_img" border="0" alt="android_raw_img" width="644" height="483" src="http://yakelie.com/wp-content/uploads/2009/07/android_raw_img_thumb.jpg" />&nbsp;</p>
<p>&nbsp;</p>
<p>当然，手机上一般还有个计算器咯：</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="android_cal" border="0" alt="android_cal" width="644" height="461" src="http://yakelie.com/wp-content/uploads/2009/07/android_cal_thumb.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://yakelie.com/html/2009-07-20/in-the-sun-on-the-virtual-box-then-run-live-android.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>取消电信DNS智能纠错服务</title>
		<link>http://yakelie.com/html/2009-07-09/cancel-telecommunications-services-dns-intelligent-error-correction.html</link>
		<comments>http://yakelie.com/html/2009-07-09/cancel-telecommunications-services-dns-intelligent-error-correction.html#comments</comments>
		<pubDate>Thu, 09 Jul 2009 08:23:48 +0000</pubDate>
		<dc:creator>sharmy</dc:creator>
				<category><![CDATA[大杂烩]]></category>
		<category><![CDATA[114]]></category>
		<category><![CDATA[DNS]]></category>
		<category><![CDATA[屏蔽]]></category>
		<category><![CDATA[流氓软件]]></category>
		<category><![CDATA[电信]]></category>

		<guid isPermaLink="false">http://yakelie.com/html/2009-07-09/%e5%8f%96%e6%b6%88%e7%94%b5%e4%bf%a1dns%e6%99%ba%e8%83%bd%e7%ba%a0%e9%94%99%e6%9c%8d%e5%8a%a1.html</guid>
		<description><![CDATA[<p>电信DNS智能纠错，恩，名字倒是蛮好听的，其实大家都知道那是怎么一回事，说的好听点是为了刷流量，说的不好听就是耍流氓了。</p>
<p>一般情况下找不到网页电信会给你跳转到114的页面... ]]></description>
			<content:encoded><![CDATA[<p>电信DNS智能纠错，恩，名字倒是蛮好听的，其实大家都知道那是怎么一回事，说的好听点是为了刷流量，说的不好听就是耍流氓了。</p>
<p>一般情况下找不到网页电信会给你跳转到114的页面，最近成都的都跳转到了http://cd.iqsou.com，恶心的要死。好像网上的解决办法都是修改注册表之类的，我实在是懒得搞了，反正找不到页面的时候也不多。</p>
<p>今天突然看到页面右上角有个&rdquo;我要屏蔽&rdquo;的按钮，这是什么东西呢？一点才知道原来是电信设置的取消DNS智能纠错服务的按钮:（点右上角红色的按钮）</p>
<p>&nbsp;<img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="iqsou_cd" border="0" alt="iqsou_cd" width="521" height="302" src="http://yakelie.com/wp-content/uploads/2009/07/iqsou_cd_thumb.jpg" />&nbsp;</p>
<p>点击后弹出对话框:</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="iqsou_cd_pingbi" border="0" alt="iqsou_cd_pingbi" width="346" height="259" src="http://yakelie.com/wp-content/uploads/2009/07/iqsou_cd_pingbi_thumb.jpg" />&nbsp;</p>
<p>成功取消DNS纠错:</p>
<p><img style="border-bottom: 0px; border-left: 0px; display: inline; border-top: 0px; border-right: 0px" title="iqsou_cd_pingbi_ok" border="0" alt="iqsou_cd_pingbi_ok" width="342" height="267" src="http://yakelie.com/wp-content/uploads/2009/07/iqsou_cd_pingbi_ok_thumb.jpg" /></p>
<p>&nbsp;</p>
<p>取消了之后我再手动打开这个页面就没有发现这个按钮了，估计是它判断了我已经取消过了吧。不过电信怎么突然良心发现了呢？很是纳闷，但这终究是件好事情不是？虽然界面有点丑，呵呵。</p>
]]></content:encoded>
			<wfw:commentRss>http://yakelie.com/html/2009-07-09/cancel-telecommunications-services-dns-intelligent-error-correction.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>转载：Django资源集锦</title>
		<link>http://yakelie.com/html/2009-07-09/reprint-django-resources-collection.html</link>
		<comments>http://yakelie.com/html/2009-07-09/reprint-django-resources-collection.html#comments</comments>
		<pubDate>Thu, 09 Jul 2009 02:07:58 +0000</pubDate>
		<dc:creator>sharmy</dc:creator>
				<category><![CDATA[python]]></category>
		<category><![CDATA[django]]></category>

		<guid isPermaLink="false">http://yakelie.com/?p=755</guid>
		<description><![CDATA[<p>官网的wiki也是一个不错的地方。</p>
<p><a href="http://code.djangoproject.com/wiki/DjangoResources"><font color="#006699">http://code.djangoproject.com/wiki/DjangoResources</font></a></p>
<h2>资源<a class="anchor" title="Link to this s... ]]></description>
			<content:encoded><![CDATA[<p>官网的wiki也是一个不错的地方。</p>
<p><font color="#006699">http://code.djangoproject.com/wiki/DjangoResources</font></p>
<h2>资源<font color="#006699"> </font></h2>
<ul>
<li><span class="icon"><font color="#006699">django官网</font></span></li>
<li><span class="icon"><font color="#006699">django文档</font></span></li>
<li><span class="icon"><font color="#006699">Django Step by Step</font></span> 曾是最佳的django入门教程，只是这个教程是针对0.95的，现在不少地方已经有所变动。</li>
<li><span class="icon"><font color="#006699">django可复用app设计</font></span></li>
<li><span class="icon"><font color="#006699">django最佳实践</font></span> django可复用app设计 的一个更好的分支。个人为人这个文档是每个django开发人员必读的。</li>
<li><span class="icon"><font color="#006699">django最佳实践 中文翻译</font></span></li>
<li><span class="icon"><font color="#006699">django book</font></span> 一本免费的django电子书</li>
<li><span class="icon"><font color="#006699">django book 中文翻译</font></span></li>
<li><span class="icon"><font color="#006699">djangosnippets</font></span> 一个关于django的代码片段网站，在里面可以找到一些应用的django代码片段。站点本身是用django写的，且开发源码。</li>
<li><span class="icon"><font color="#006699">djangosites</font></span> 这个网站里介绍了很多实用django搭建的站点。而且可以从这里找到很多带源代码的django站点。不过我个人觉得里面没有多少值得参考的站点代码。</li>
</ul>
<h2 id="使用django搭建的站点">使用django搭建的站点<font color="#006699"> </font></h2>
<ul>
<li><span class="icon"><font color="#006699">django官网</font></span> django官网本身使用django搭建，而其提供了代码。django官网的大多功能由整合的trac实现，所以网站的django代码没几行。</li>
<li><span class="icon"><font color="#006699">海报网</font></span> 据说这是目前流量最大的django站点。据我的了解，这个网站的流量也确实大的有些超乎想象，该网站应当有接近CSDN的流量。不过这个网站将大量的页面进行了静态化，如果以这个网站的标准来评价django的性能应当不够客观。</li>
<li><span class="icon"><font color="#006699">好看簿</font></span> 国内的另一个django站点，目前也有不错的流量。作为该网站的用户，我感觉网站的响应速度并不怎么快。看来好看簿在服务器优化方面还需要更多的努力。</li>
</ul>
<h2 id="django的开源项目">django的开源项目<font color="#006699"> </font></h2>
<ul>
<li><span class="icon"><font color="#006699">pinax</font></span> 这是我看到的最有价值的django开源项目。pinax可以看做是django的一个脚手架。她提供了快速开始一个新django项目的方法，同时对大量第三方app的使用方法进行了演示。django的app质量参差不齐，如果你想挑选app，那你可以看看pinax里都集成了哪些app。pinax 里集成了的app通常都不至于太烂。此外pinax自身也带了一些有用的app，比如blog等。<br />
    如果你想以最快的速度了解pinax，可以去 <span class="icon"><font color="#006699">http://cloud27.com/</font></span> 看看。这是一个用pinax搭建的SNS网站。</li>
<li><span class="icon"><font color="#006699">Satchmo</font></span> 网店系统。看她的介绍，似乎已经有不少人在用这东西了。</li>
<li><span class="icon"><font color="#006699">LFS(Lightning Fast Shop)</font></span> 网店系统，就Demo来看似乎是倾向于房屋交易平台。陆陆续续的也有部分商业网站开始使用该系统了，<span class="icon"><font color="#006699">比如这个</font></span>。</li>
<li><span class="icon"><font color="#006699">reviewboard</font></span> 非常有前途的一个code review工具。最开始是<span class="icon"><font color="#006699">VMware</font></span>在用，来后给开源了。</li>
</ul>
<h2 id="django的可重用app">django的可重用app<font color="#006699"> </font></h2>
<h3 id="CMS">CMS<font color="#006699"> </font></h3>
<ul>
<li><span class="icon"><font color="#006699">Django CMS Apps Comparison</font></span> Django CMS Apps的比较</li>
</ul>
<h3 id="Forum">Forum<font color="#006699"> </font></h3>
<ul>
<li><span class="icon"><font color="#006699">Django Forum Apps Comparison</font></span> Django Forum Apps的比较</li>
</ul>
<h3 id="调试">调试<font color="#006699"> </font></h3>
<ul>
<li><span class="icon"><font color="#006699">django-debug-toolbar</font></span> 为django站点增加调试功能，支持查看django生成的sql语句，及sql的执行时间等，功能强大。不过由于该组件使用了jquery，似乎会使用部分使用了jquery的站点无法正常工作。</li>
<li><span class="icon"><font color="#006699">django-db-log</font></span> 将django的异常保存到数据库。</li>
<li><span class="icon"><font color="#006699">django-logging</font></span> 增加sql日志。直接在站点的网页上查看当前页面所使用sql语句以及执行时间。功能比django-debug-toolbar要弱不少，不过要是django-debug-toolbar把你的页面毁了，那就试试这个吧。</li>
</ul>
<h3 id="数据库升级">数据库升级<font color="#006699"> </font></h3>
<p>在项目开发过程中表结构的变动总是难免，django目前还不支持表结构的自动更新，不过相关的第三方app倒不少。这些app各有各的特色，具体如何选择就要看个人的喜好了。</p>
<ul>
<li><span class="icon"><font color="#006699">SchemaEvolution</font></span> 介绍django数据库升级的wiki页面，相关的app都可以在这个页面找到。</li>
</ul>
<h3 id="未分类">未分类<font color="#006699"> </font></h3>
<ul>
<li><span class="icon"><font color="#006699">django-registration</font></span> 注册功能，支持帐户的邮件激活。</li>
<li><span class="icon"><font color="#006699">django-tagging</font></span> 为站点增加tagging功能</li>
<li><span class="icon"><font color="#006699">django-voting</font></span> 投票功能</li>
<li><span class="icon"><font color="#006699">django-ajax-validation</font></span> 使用ajax方式对表单进行校验，需要jquery的支持。这个组件只能校验，如果需要增加ajax提交表单的功能，还需要自己手动做些修改。</li>
<li><span class="icon"><font color="#006699">django-announcements</font></span> 发送站内公告，该公告只显示一次。可以设置公共的发送对象（所有人，指定用户，登陆用户）。</li>
<li><span class="icon"><font color="#006699">django-avatar</font></span> 为用户增加设置个人头像的功能。支持 <span class="icon"><font color="#006699">http://www.gravatar.com/</font></span> 和用户上传头像。</li>
<li><span class="icon"><font color="#006699">django-dbtemplates</font></span> 将django的template保存在数据库，并通过cache来加速template的加载。这样可以很方便的通过admin来编辑template。我想这东西应当可以用来实现一些简单的CMS功能，不过似乎用处不是太大。</li>
<li><span class="icon"><font color="#006699">django-microblogging</font></span> 类似Twitter的微型博客</li>
<li><span class="icon"><font color="#006699">django-notification</font></span> 消息分发组件，用来实现类似好友最新动态的功能。</li>
<li><span class="icon"><font color="#006699">django-pagination</font></span> 一组翻页相关的utils，包括用于实现翻页的tag等。</li>
<li><span class="icon"><font color="#006699">django-robots</font></span> 通过django的admin来管理robots.txt。不过我觉得robots.txt这东西为什么还需要用admin来管理，还不如直接编辑来的方便。</li>
<li><span class="icon"><font color="#006699">django-messages</font></span> 实现站内消息的功能。目前该组件的功能的功能还比较弱，虽然作者在进行重构，但似乎进展缓慢。如果有需要我可能会自行对该组件进行一些增强。</li>
<li><span class="icon"><font color="#006699">django-threadedcomments</font></span> 评论组件，可以给任何的models增加评论功能。</li>
<li><span class="icon"><font color="#006699">django-extensions</font></span> 一些全局的 management extensions。其中包括create_app的增强，使用werkzeug做开发服务器等功能。</li>
<li><span class="icon"><font color="#006699">django-uni-form</font></span> 以div方式渲染forms</li>
<li><span class="icon"><font color="#006699">django-timezones</font></span> 时区设置组件，允许用户设置自己所在的时区。</li>
<li><span class="icon"><font color="#006699">django-bookmarks</font></span> 书签管理组件</li>
<li><span class="icon"><font color="#006699">django-email-confirmation</font></span> 在用户设置邮件地址后，给用户的邮箱发送一封确认邮件。用户点击邮件里的link来确认邮件地址的有效性。</li>
<li><span class="icon"><font color="#006699">django-mailer</font></span> 邮件发送的增强组件，会在邮件发送失败时记录失败日志。</li>
<li><span class="icon"><font color="#006699">django-friends</font></span> 朋友组件，支持邀请用户成为好友等。</li>
<li><span class="icon"><font color="#006699">django-locations</font></span> 似乎是一个基于地区的社交网络，需要yaohoo map的支持。</li>
<li><span class="icon"><font color="#006699">django-oembed</font></span> 方面媒体（视频等）内容嵌入，自动将媒体的连接转换成正确的html代码。</li>
<li><span class="icon"><font color="#006699">django-swaps</font></span> 易物平台，比如用PSP换NDS啥的。</li>
<li><span class="icon"><font color="#006699">django-wikiapp</font></span> wiki组件，支持多种wiki语法。不过目前该组件的功能还是比较简单，比如不支持附件。</li>
<li><span class="icon"><font color="#006699">django-mptt</font></span> 用于生成树形列表的app。如果你认为它会自动给你生成一个完整的树，那你就错了，她只是一组工具。我感觉这东西并不是太好用，是否有什么优点，暂时不太清楚。</li>
<li><span class="icon"><font color="#006699">django-photologue</font></span> 图片管理，上传图片，缩略图显示等。</li>
<li><span class="icon"><font color="#006699">django-filebrowser</font></span> django-admin的一个扩展，可以直接通过admin对服务器上的文件进行管理。我没用过这东西，不过看介绍，感觉非常棒。</li>
<li><span class="icon"><font color="#006699">goflow</font></span> Django上的一个工作流引擎，设计灵感来源于OpenFlow。没用过这东西，对工作流也不太了解，所以也不知道这东西好不好。不过这似乎是django上唯一的一个工作流app。</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://yakelie.com/html/2009-07-09/reprint-django-resources-collection.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>写了一个Jquery的Image resize小插件</title>
		<link>http://yakelie.com/html/2009-06-22/jquery-to-write-a-small-plug-in-of-image-resize.html</link>
		<comments>http://yakelie.com/html/2009-06-22/jquery-to-write-a-small-plug-in-of-image-resize.html#comments</comments>
		<pubDate>Mon, 22 Jun 2009 09:55:38 +0000</pubDate>
		<dc:creator>sharmy</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[resize]]></category>

		<guid isPermaLink="false">http://yakelie.com/?p=753</guid>
		<description><![CDATA[<p>&#160;&#160;&#160;&#160; IE6就是坏，在编辑器里插入图片宽度和外层容器差不多，然后在同一行再输入点东西的话，前台页面就会完全乱套，用word-break:break- all;之类的CSS也不行。Firefox和IE7还比较... ]]></description>
			<content:encoded><![CDATA[<p>&nbsp;&nbsp;&nbsp;&nbsp; IE6就是坏，在编辑器里插入图片宽度和外层容器差不多，然后在同一行再输入点东西的话，前台页面就会完全乱套，用word-break:break-all;之类的CSS也不行。Firefox和IE7还比较好，知道自动换行自己调整一下。CSS我是调的很厌烦了，索性搞了个简单的图片缩放：<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 用法很简单，第一个参数就是图片所在的父级容器id，第二个是允许的图片宽度，默认是父级容器宽度的80%，第三个是图片高度，，默认是父级容器高度的80%。<br />
&nbsp;&nbsp;&nbsp;&nbsp; 要使用的话这样就好了：</p>
<div class="codeText">
<div class="codeHead">JavaScript代码</div>
<ol start="1" class="dp-c">
<li class="alt"><span><span>&lt;script&nbsp;type=</span><span class="string">&quot;text/javascript&quot;</span><span>&gt;&nbsp;&nbsp;</span></span></li>
<li class=""><span>$(document).ready(<span class="keyword">function</span><span>()&nbsp;{&nbsp;&nbsp;</span></span></li>
<li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;$.imgResize(<span class="string">&#8216;blog_content&#8217;</span><span>,600,480);&nbsp;&nbsp;</span></span></li>
<li class=""><span>});&nbsp;&nbsp;</span></li>
<li class="alt"><span>&lt;/script&gt;&nbsp;&nbsp;</span></li>
</ol>
</div>
<p>插件代码:</p>
<div class="codeText">
<div class="codeHead">JavaScript代码</div>
<ol start="1" class="dp-c">
<li class="alt"><span><span class="comment">/**</span>&nbsp;</span></li>
<li class=""><span><span class="comment">&nbsp;*&nbsp;jquery&nbsp;image&nbsp;resize&nbsp;plugin.</span>&nbsp;</span></li>
<li class="alt"><span><span class="comment">&nbsp;*</span>&nbsp;</span></li>
<li class=""><span><span class="comment">&nbsp;*&nbsp;Copyright&nbsp;(c)&nbsp;2009&nbsp;Chengtian.Hu</span>&nbsp;</span></li>
<li class="alt"><span><span class="comment">&nbsp;*chengtian.hu@gmail.com</span>&nbsp;</span></li>
<li class=""><span><span class="comment">&nbsp;*&nbsp;http://www.yakelie.com</span>&nbsp;</span></li>
<li class="alt"><span><span class="comment">&nbsp;*</span>&nbsp;</span></li>
<li class=""><span><span class="comment">&nbsp;*/</span><span>&nbsp;&nbsp;</span></span></li>
<li class="alt"><span>&nbsp;&nbsp;&nbsp;</span></li>
<li class=""><span>&nbsp;<span class="comment">/**</span>&nbsp;</span></li>
<li class="alt"><span><span class="comment">&nbsp;*&nbsp;Resize&nbsp;all&nbsp;the&nbsp;images&nbsp;to&nbsp;a&nbsp;feat&nbsp;size.</span>&nbsp;</span></li>
<li class=""><span><span class="comment">&nbsp;*</span>&nbsp;</span></li>
<li class="alt"><span><span class="comment">&nbsp;*&nbsp;@parentItem&nbsp;the&nbsp;image&nbsp;container&#8217;s&nbsp;id</span>&nbsp;</span></li>
<li class=""><span><span class="comment">&nbsp;*&nbsp;@maxWidth&nbsp;the&nbsp;max&nbsp;width&nbsp;of&nbsp;the&nbsp;image&nbsp;allow,&nbsp;if&nbsp;the&nbsp;image&#8217;s&nbsp;width&nbsp;larger&nbsp;than&nbsp;this&nbsp;size,&nbsp;the&nbsp;width&nbsp;of&nbsp;image&nbsp;will&nbsp;be&nbsp;resize.&nbsp;if&nbsp;this&nbsp;var&nbsp;is&nbsp;undefine,&nbsp;it&nbsp;will&nbsp;be&nbsp;replace&nbsp;by&nbsp;the&nbsp;container&#8217;s&nbsp;width*0.8.</span>&nbsp;</span></li>
<li class="alt"><span><span class="comment">&nbsp;*&nbsp;@maxHeight&nbsp;the&nbsp;max&nbsp;height&nbsp;of&nbsp;the&nbsp;image&nbsp;allow,&nbsp;if&nbsp;the&nbsp;image&#8217;s&nbsp;height&nbsp;larger&nbsp;than&nbsp;this&nbsp;size,&nbsp;the&nbsp;height&nbsp;of&nbsp;image&nbsp;will&nbsp;be&nbsp;resize.&nbsp;if&nbsp;this&nbsp;var&nbsp;is&nbsp;undefine,&nbsp;it&nbsp;will&nbsp;be&nbsp;replace&nbsp;by&nbsp;the&nbsp;container&#8217;s&nbsp;height*0.8..</span>&nbsp;</span></li>
<li class=""><span><span class="comment">&nbsp;*/</span><span>&nbsp;&nbsp;</span></span></li>
<li class="alt"><span>jQuery.imgResize&nbsp;=&nbsp;<span class="keyword">function</span><span>(parentItem,maxWidth,maxHeight){&nbsp;&nbsp;</span></span></li>
<li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">if</span><span>(maxWidth&nbsp;==&nbsp;undefined)&nbsp;maxWidth&nbsp;=&nbsp;$(&#8217;#</span><span class="string">&#8216;+parentItem).width()*0.8;</span>&nbsp;</span></li>
<li class="alt"><span><span class="string">&nbsp;&nbsp;&nbsp;&nbsp;if(maxHeight&nbsp;==&nbsp;undefined)&nbsp;maxHeight&nbsp;=&nbsp;$(&#8217;</span><span>#</span><span class="string">&#8216;+parentItem).height()*0.8;&nbsp;&nbsp;</span></span></li>
<li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;$(&#8217;<span>#&#8217;+parentItem).find(</span><span class="string">&quot;img&quot;</span><span>).each(</span><span class="keyword">function</span><span>(){&nbsp;&nbsp;</span></span></li>
<li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">if</span><span>($(</span><span class="keyword">this</span><span>).width()&gt;0&nbsp;&amp;&amp;&nbsp;$(</span><span class="keyword">this</span><span>).height()&gt;0){&nbsp;&nbsp;</span></span></li>
<li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">var</span><span>&nbsp;rate&nbsp;=&nbsp;(maxWidth/$(</span><span class="keyword">this</span><span>).width()&nbsp;&lt;&nbsp;maxHeight/$(</span><span class="keyword">this</span><span>).height())?maxWidth/$(</span><span class="keyword">this</span><span>).width():maxHeight/$(</span><span class="keyword">this</span><span>).height();&nbsp;&nbsp;</span></span></li>
<li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="keyword">if</span><span>(rate&nbsp;&lt;=&nbsp;1){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span></li>
<li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="keyword">this</span><span>).width($(</span><span class="keyword">this</span><span>).width()*rate);&nbsp;&nbsp;</span></span></li>
<li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="keyword">this</span><span>).height($(</span><span class="keyword">this</span><span>).height()*rate);&nbsp;&nbsp;</span></span></li>
<li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<span class="keyword">else</span><span>{&nbsp;&nbsp;</span></span></li>
<li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="keyword">this</span><span>).width($(</span><span class="keyword">this</span><span>).width());&nbsp;&nbsp;</span></span></li>
<li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(<span class="keyword">this</span><span>).height($(</span><span class="keyword">this</span><span>).height());&nbsp;&nbsp;</span></span></li>
<li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</span></li>
<li class=""><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</span></li>
<li class="alt"><span>&nbsp;&nbsp;&nbsp;&nbsp;});&nbsp;&nbsp;</span></li>
<li class=""><span>}&nbsp;&nbsp;</span></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://yakelie.com/html/2009-06-22/jquery-to-write-a-small-plug-in-of-image-resize.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
