学步园

由於項目需要，需要做字數統計，於是寫了一個JS計算字符個數，如果輸入的字符數大於100個字符，就彈出提示，點擊【確定】后，自動截取為100個字符。

此方法支持IE 不支持火狐。可能是因為FCKEidtor的keyup方法在火狐下不被支持。

FCKEditor編輯器換為TextBox，應該就沒有問題了。

前臺：

<tr>
                                    <th>
                                        短敘述
                                        <br />
                                        （限100中文字）<br />
                                        當前文字個數:<asp:Label ID="lblShowTextLength" runat="server" Text="0" ForeColor="Red"></asp:Label><br />
                                    </th>
                                    <td style="text-align: left;">
                                        <FCKeditorV2:FCKeditor ID="fckPrdDescription" runat="server" Height="240px" Width="100%">
                                        </FCKeditorV2:FCKeditor>
                                    </td>
                                </tr>

 

JS代碼：

<script type="text/javascript"> 
function FCKeditor_OnComplete(editorInstance)
    {
        var oEditor = FCKeditorAPI.GetInstance('fckPrdDescription');
        oEditor.EditorDocument.body.onkeyup=function ()
        {
            if( document.all)
            {
             $("lblShowTextLength").innerText =oEditor.EditorDocument.body.innerText.length;
            }
            else 
            {
                var r = oEditor.EditorDocument.createRange() ;
                r.selectNodeContents( oEditor.EditorDocument.body ) ;
                 $("lblShowTextLength").innerText= r.toString().length ;

            }
            if(parseInt($("lblShowTextLength").innerText)>100)
            {
                alert("當前已經達到100中文字,請不要繼續輸入！");
                 oEditor.EditorDocument.body.innerText=oEditor.EditorDocument.body.innerText.substring(0,100);
                $("lblShowTextLength").innerText =oEditor.EditorDocument.body.innerText.length;
            }
           // $("ddd").value =oEditor.EditorDocument.body.innerHTML;
        } 
        if (document.getElementById("hidStatus").value=="Cancel")
        {
            editorInstance.EditorDocument.designMode="off";
        }
    } 
</script>

演示：

輸入多餘100個字符數 提示

 

點擊【確定】后 自動截取100個字符