FCKEidtor自動統計輸入字符個數(IE)

简介: 由於項目需要,需要做字數統計,於是寫了一個JS計算字符個數,如果輸入的字符數大於100個字符,就彈出提示,點擊【確定】后,自動截取為100個字符。 此方法支持IE 不支持火狐。可能是因為FCKEidtor的keyup方法在火狐下不被支持。

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

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

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

前臺:

img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif 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>

 

JS代碼:

img_1c53668bcee393edac0d7b3b3daff1ae.gif img_405b18b4b6584ae338e0f6ecaf736533.gif Code
<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個字符數 提示

 img_c20a513f4ad4e51c951f2348848bba71.gif

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

img_7c4a449b1356fcfd78b241411c737a11.gif

 

 

 

 

版权

作者:灵动生活 郝宪玮

出处:http://www.cnblogs.com/ywqu

如果你认为此文章有用,请点击底端的【推荐】让其他人也了解此文章,

img_2c313bac282354945ea179a807d7e70d.jpg

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

 

相关文章
|
7月前
|
Web App开发 前端开发 JavaScript
|
2月前
|
存储 机器人
在阿里云RPA中,你可以通过以下步骤来更改默认唤醒IE浏览器的地址
【2月更文挑战第28天】在阿里云RPA中,你可以通过以下步骤来更改默认唤醒IE浏览器的地址
21 1
|
8月前
|
Web App开发 XML 编解码
IE浏览器下载文件中文文件名乱码问题解决
IE浏览器下载文件中文文件名乱码问题解决
91 0
|
5月前
|
Web App开发 JavaScript 前端开发
JavaScript在IE和标准浏览器下的兼容性处理
JavaScript在IE和标准浏览器下的兼容性处理
44 0
|
6月前
|
前端开发
border-radius 兼容 IE8浏览器
border-radius 兼容 IE8浏览器
42 1
|
6月前
|
Web App开发 移动开发 安全
IE浏览器,和Edge浏览器
IE浏览器,和Edge浏览器
|
6月前
|
JavaScript
兼容IE浏览器
兼容IE浏览器
37 0
|
8月前
|
JSON JavaScript 前端开发
基于FlashWavRecorder实现IE11浏览器录音后用科大讯飞转文字
基于FlashWavRecorder实现IE11浏览器录音后用科大讯飞转文字
59 0
|
8月前
|
编解码 网络协议 开发工具
IE浏览器下如何低延迟播放RTSP或RTMP流
首先,虽然本文是介绍IE浏览器下OCX控件播放RTSP或RTMP,但这种方式并不推荐,毕竟它只能用于IE浏览器环境下,局限太大,而且随着微软IE浏览器的更新,不确定后续支持情况。当然,话说回来,如果是在特定的使用场景下,只需要某些版本IE浏览器支持,但对延迟和稳定性要求非常高,OCX控件方式也不失为一个好的选择。
101 1