1.textarea 編輯后 提交到服務(wù)器 ，服務(wù)器確認后再傳回，里面的  < > 已被 extjs 自動編碼為 < >

Js代碼

1. frame_edit.form.submit({   
2.                             url : 'setFrame.jsp',   
3.                             success : function(form, action) {   
4. //  textResourceText 輸 < ，服務(wù)器傳過來 <   //action.result.data.textResourceText變成 <        
5.  //需要自己    Ext.util.Format.htmlDecode                                  
6. action.result.data.textResourceText=Ext.util.Format.htmlDecode(   
7. action.result.data.textResourceText);   
8.                                   
   2.textarea 輸入的內(nèi)容 換行空格等要在 web 上 原樣顯示 ，有兩個方法

    1. 運用 pre 標簽 (老式的html標簽，但是具有廣泛的兼容性) ，將 textarea 輸入的內(nèi)容 放在 <pre> </pre> 中間  ,但這樣的話 換行只有在 textarea 輸入的內(nèi)容 換行的時候才會換行 ，不會隨屏幕寬度自動換行。

     2.css 指定 white-space:pre   如 <p style="white-space:pre;"></p>  ,但是ie6 及其以下版本不支持

     3.replace(/\n/g,'<br/>').replace(/\s/g,' ') 一方面 換行在 textarea 輸入的內(nèi)容 換行的時候會換行 ,另一方面 會隨屏幕寬度自動換行。 但是若指定寬度，并且遇到了長英文字符，如  email：yiminghe@xxxxxxxxxxx.com 則橫向滾動條又會出現(xiàn)了。解決方法：

             3.1 : 在 IE 和 Safari 1.3+ 下相對比較容易解決，使用 CSS 屬性 word-wrap: break-word;。

             3.2 : 而 Firefox 和 Opera 瀏覽器 ，無法識別 word-wrap: break-word; 和 word-break:break-all; 屬性?？梢酝ㄟ^腳本給連續(xù)字符的每個字符之間插入 \ u8203 的字符（該字符在非 IE 瀏覽下不占據(jù)空間） ，使連續(xù)變?yōu)榱瞬贿B續(xù)，達到了換行的效果。

Js代碼

1. breakWord = function(dEl){   
2.     var dWalker = document.createTreeWalker(dEl, NodeFilter.SHOW_TEXT, null, false);   
3.     var node,s,c = String.fromCharCode('8203');   
4.     while (dWalker.nextNode()){   
5.         node = dWalker.currentNode;   
6.         s = trim( node.nodeValue ) .split('').join(c);   
7.         node.nodeValue = s;   
8.     }   
9.     return true;   
10. }   

     上述3個方法  都要先將 < ,> ," ,& 轉(zhuǎn)義 ，用 Ext.util.Format.htmlEncode 即可

綜合來說 ，還是不如 htmleditor 方便 ，做web開發(fā)確實還是 能用 htmleditor就用 htmleditor,更好就用 fckeditor 了

附錄 ：http://www./360/dhtml/css-word-break.html

Js代碼

1. function breakWord(dEl){   
2.            
3.            
4.         if(!dEl || dEl.nodeType !== 1){   
5.              
6.           return false;   
7.            
8.         } else if(dEl.currentStyle && typeof dEl.currentStyle.wordBreak === 'string'){   
9.              
10.           //Lazy Function Definition Pattern, Peter's Blog   
11.           //From http://peter./article/3556   
12.              
13.           breakWord = function(dEl){   
14.             //For Internet Explorer   
15.             dEl.runtimeStyle.wordBreak = 'break-all';   
16.             return true;   
17.           }   
18.              
19.           return breakWord(dEl);   
20.             
21.         }else if(document.createTreeWalker){   
22.           
23.           //Faster Trim in Javascript, Flagrant Badassery   
24.           //http://blog./archives/faster-trim-javascript   
25.              
26.           var trim = function  (str) {   
27.             str = str.replace(/^\s\s*/, '');   
28.             var ws = /\s/,   
29.             i = str.length;   
30.             while (ws.test(str.charAt(--i)));   
31.             return str.slice(0, i + 1);   
32.           }   
33.              
34.           //Lazy Function Definition Pattern, Peter's Blog   
35.           //From http://peter./article/3556   
36.              
37.           breakWord = function(dEl){   
38.                
39.             //For Opera, Safari, and Firefox   
40.             var dWalker = document.createTreeWalker(dEl, NodeFilter.SHOW_TEXT, null, false);   
41.             var node,s,c = String.fromCharCode('8203');   
42.             while (dWalker.nextNode())   
43.             {   
44.               node = dWalker.currentNode;   
45.               //we need to trim String otherwise Firefox will display    
46.               //incorect text-indent with space characters   
47.               s = trim( node.nodeValue ) .split('').join(c);   
48.               node.nodeValue = s;   
49.             }   
50.             return true;   
51.           }   
52.              
53.           return breakWord(dEl);   
54.              
55.              
56.         }else{   
57.           return false;   
58.         }   
59.       }