如何限制ckeditor中的編輯區域？

我正在使用ckeditor來編輯我的HTML文本，在這裏我想限制在ckeditor中的可編輯區域，我知道如何給ckeditor的寬度和高度，但我不知道如何給ckeditor編輯區域的寬度和高度。如何限制ckeditor中的編輯區域？

假設如果我給700px寬度，那麼用戶應該輸入文本只能達到700px，之後它應該來到下一行。

我給像下面

CKEDITOR.replace('divedit', { 
    toolbar: 'Basic', 
    uiColor: '#9AB8F3', 
    width: '700px', 
    height:'200px' 
});

卻是露出如果超出700像素用戶鍵入的文本滾動條。

來源

2014-01-27 M.S.Naidu

我覺得你想做的事很瘋狂，也許有些細節可以創造出正確的解決方案。但無論如何，您可以使用CKEDITOR.instances.yourInstance.editable（）來檢索「編輯區域」（稱爲* editable *）（CKEDITOR.replace也返回CKEDITOR.editor對象）。然後，您可以使用['CKEDITOR.dom.element.setStyle']（http://docs.ckeditor.com/#!/api/CKEDITOR.dom.element-method-setStyle）應用任何樣式。在你的情況下，它將是'高度：？'和'overflow-y：hidden'。 – oleq

聽起來像一個奇怪的要求。我想試試這個：

之前保存獲得編輯內容
插入到具有完全相同的CSS爲您的要求/目標但沒有寬度
獲取內容的寬度預覽DIV用JavaScript
檢查寬度> 700，警報消息，他們的內容吮吸，不保存
否則用戶，節省

不要對每一個變化事件都這樣做 - 它會在某個時候謀殺你的表現。順便說一句，我從來沒有在CKE中使用靜態寬度內容，所以我看不出這是一個什麼問題，但我想你有不同的需求或者其他的東西。如果這是爲了阻止用戶輸入OOOOOOOOOOOOOOOOOOOOOOOOOOOOO...或從輸出內容的盒子溢出的內容，請不要擔心。諸如此類的內容應該使用其他方式刪除或編輯，您也可以使用CSS to control overflows。或者，您可以使用每字限制或最大字符數來驗證字寬。

來源

2014-01-28 06:34:06 Nenotlep

如何限制ckeditor中的編輯區域？

回答

相關問題