我们确实在 SaaS 系统中使用 CKEditor，该系统旨在生成演示材料（想想 Powerpoint，但基本上是在 Web 上）。我们实际上是用 CKEditor 制作“幻灯片”。
在我们的具体案例中，幻灯片具有确定的高度。高度不会是动态的，我们事先知道在 CKEditor 中键入的文章需要多高（以像素为单位）才能在 Presentation 中被截断。
问题：我们想要一种实时显示，比如红线或类似的东西，显示页面何时会中断；这样在 CKEditor 中输入的用户就可以感觉到什么时候会出现中断（我不是说手动将中断放在那里，只是显示自然发生中断的时间）。
我们应该如何解决 CKEditor 的问题？
【问题讨论】：
标签： javascript css plugins ckeditor frontend
假设您的幻灯片高度必须为 500 像素。
创建一个空的透明PNG图像，宽度为1px，高度为500px。将最后 2-3 个像素设为红色。这将指示分页符。
然后，在您的 CKEditor 文件夹中找到 contents.css 并修改 .cke_editable 部分以包含 background-image: url('page_break_indicator.png'); 这将添加图像作为将水平和垂直重复的背景。
但请注意，当用户创建 3 张或更多幻灯片然后修改不是最后一张的幻灯片时，必须根据其分页符检查所有其他幻灯片。
【讨论】：
config.width = 900; 设置静态宽度，使用config.resize_enabled = false; 禁用调整大小或使用config.resize_dir = 'vertical'; 仅允许垂直调整大小。另外，使用config.removePlugins = 'maximize'; 禁用最大化。