如何限制ckeditor中的编辑区域？

Question

我正在使用ckeditor编辑我的html文本，这里我想限制ckeditor中的可编辑区域，我知道如何为ckeditor提供宽度和高度但我不知道如何为ckeditor编辑提供宽度和高度区域。

假设我给出700px宽度，那么用户应该输入最多700px的文本，之后它应该到达下一行。

我在下面给出了

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

但如果用户输入超过700px的文本，则显示滚动条。

Answer 1

听起来像一个奇怪的要求。我会试试这个：

1. 保存之前获取编辑内容
2. 插入预览div，其格式与您的要求/目标完全相同但没有宽度
3. 使用javascript获取内容的宽度
4. 检查宽度是否> 700，提醒用户他们的内容很糟糕并且不保存
5. 否则，请保存

不要对每次更改事件都这样做 - 它会在某些时候谋杀你的表现。

顺便说一下，我从来没有在CKE中使用静态宽度内容，所以我看不出这是怎么回事，但我猜你有不同的要求。如果这是为了阻止用户输入OOOOOOOOOOOOOOOOOOOOOOOOOOOOO...或从您输出内容的框中溢出的内容，请不要担心。应使用其他方式删除或编辑诸如此类的内容，您也可以使用CSS to control overflows。或者，您可以使用每个单词限制的最大字符数来验证字宽。