FCKEidtor自動統計輸入字元個數（IE）

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

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

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

Code

<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>

<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個字元

版權

作者：靈動生活 郝憲玮

如果你認為此文章有用，請點選底端的【推薦】讓其他人也了解此文章，

本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，否則保留追究法律責任的權利。