FCKEidtor 自動統(tǒng)計輸入字符個數(IE)
更新時間：2009年05月29日 20:43:16 作者：
由于項目需要，需要做字數統(tǒng)計，于是寫了一個JS計算字符個數，如果輸入的字符數大于100個字符，就彈出提示，點擊【確定】后，自動截取為100個字符。
此方法支持IE 不支持火狐?？赡苁且驗镕CKEidtor的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中文字,請不要繼續(xù)輸入！");
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個字符數 提示
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中文字,請不要繼續(xù)輸入！");
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個字符
相關文章
下面小編就為大家分享一篇基于開發(fā)中使用UEditor編輯器的注意事項詳解。具有很好的參考價值。一起跟隨小編過來看看吧，希望對大家有所幫助2017-11-11
CKEditor官方演示是有上傳圖片和瀏覽服務器文件功能的，但是我們自己下載回來的卻沒有這兩個功能 其實還需要下載另外一個組件：CKFinder，用它配合CKEditor來實現上傳功能2012-07-07
這篇文章主要介紹了UEditor 默認字體和字號的修改方法,需要的朋友可以參考下2017-03-03
4步輕松打造可以應用于任何FCK編輯器的CMS及其他程序,一個Fckeditor編輯器的插件，it560獨家首發(fā)教程,無需增加字段，不修改代碼，完全綠色環(huán)保。2009-11-11
這兩個星期有點空，就再研究了一下語法高亮的問題，找了一下FCKeditor官方網站，發(fā)現2.5.1穩(wěn)定版已經出來了，首先替換掉舊的2.0。呵呵，我喜歡使用新版。2009-06-06
使用 CodeMirror 打造屬于自己的帶高亮顯示的在線代碼編輯器
寫這個的目的是因為之前項目里用到過 CodeMirror，覺得作為一款在線代碼編輯器還是不錯，也看到過有些網站用到過在線代碼編輯，當然我不知道他們是用什么做的2018-02-02
XHEditor編輯器的使用方法，需要的朋友可以參考下。2010-12-12
FCKeditor很好用，而且是開源軟件。最近研究了一下自帶的上傳功能，對源代碼作了一點修改，也算是依照開源軟件的要求，介紹一下。2009-06-06
在調試網站后臺時,遇見用EWEBEDITOR編輯內容時,不能從其他文件來源粘貼到里面.2010-05-05
fckeditor 的基本配置我就不講了，講講圖片上傳這塊吧；2010-01-01