在介紹html富文字使用之前，先解決幾個易用性的問題
1、在chrome瀏覽器中textarea高度自適應存在問題：當輸入任何乙個字元時textarea高度都會增加
解決辦法：
（1）在challenge.js中定義autoadaptheight()方法，內容如下：
/*** textarea高度自適應
*/function autoadaptheight(component)
return;
}$(component).css("height", scrollheight);
}(2)修改initinputcomponent()方法，使其呼叫autoadaptheight()方法
// 設定textarea高度自適應
dynamicitem.bind("keyup", function(event));
【備註】：
1、在網上搜尋相關解決方案時，很多都存在此問題，對相容性做的稍差一些。網上也有一些元件，感興趣的可以看一下原始碼
2、效果不好演示，這裡就不給出效果圖了
2、當戰書標題長度超長時沒有給出相應的提示
解決辦法：
（1）在challenge.js中定義setlengthhit()方法，內容如下：
/*** textarea長度超出時提示
*/function setlengthhint(component)
var titleid = $("#challenge_title_hint_id");
if(component.value && component.value.length > 96) else
titleid.text(component.value.length - 96);}}
（2）修改initinputcomponent()方法，使其呼叫setlengthhint()方法
dynamicitem.bind("keyup", function(event));
效果如下圖所示：
3、進入下戰書頁面，標題textarea沒有自動獲取滑鼠
解決辦法：
修改initinputcomponent()方法，新增如下內容：
/*** 初始化文字框
*/function initinputcomponent());
});}
效果如下圖所示：
【題外話】：
附件：
鬥醫 20 Web應用開發20天
原始出處 作者資訊和本宣告。否則將追究法律責任。作為本系列的乙個結束，我的腦子是混亂的，儘管在前面博文中也談到，但真正在這個web應用結束時，好多好多的想法湧過來.以前只是單純地想做成乙個產品，把自己的精力全部注入進入，像看著自己的女兒一樣關注著它的成長 移動終端以銳不可擋的氣勢壓迫過來，想把此we...
HTML5學習（15）Web儲存
html5 web 儲存,乙個比cookie更好的本地儲存方式。使用html5可以在本地儲存使用者的瀏覽資料。早些時候,本地儲存使用的是 cookie。但是web 儲存需要更加的安全與快速.這些資料不會被儲存在伺服器上，但是這些資料只用於使用者請求 資料上.它也可以儲存大量的資料，而不影響 的效能....
web應用開發編碼
說明 日常開發中，編碼問題是經常出現的，下面是日常積累以及查閱資料彙總的相應解決方法。page contenttype text html charset gbk 或 response.setcharacterencoding page pageencoding utf 8 1 post表單提交 r...