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

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

 

相关文章
|
Web App开发 前端开发 JavaScript
|
4月前
|
Web App开发 JavaScript 前端开发
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码 IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常
|
7月前
|
Web App开发 XML 开发框架
技术心得记录:在IE浏览器中的奇怪页面表现
技术心得记录:在IE浏览器中的奇怪页面表现
75 0
|
3月前
|
JavaScript 前端开发
|
5月前
|
JavaScript
VUE——如何兼容IE9|IE10|IE11浏览器
VUE——如何兼容IE9|IE10|IE11浏览器
175 0
VUE——如何兼容IE9|IE10|IE11浏览器
|
6月前
|
安全 网络安全
用IE浏览器访问网站提示证书错误
当你在Internet Explorer中遇到证书错误提示,通常是因网站SSL/TLS证书问题或浏览器安全设置需调整。解决方法包括: 检查时间设置 调整IE设置 安装证书 调整计算机时间
152 3
|
7月前
win10取消ie浏览器自动跳转edge浏览器
win10取消ie浏览器自动跳转edge浏览器
203 4
|
Web App开发 XML 编解码
IE浏览器下载文件中文文件名乱码问题解决
IE浏览器下载文件中文文件名乱码问题解决
150 0