我们确实在SaaS系统中使用CKEditor,该系统旨在生成Presentation材料(基本上可以考虑使用Powerpoint,但在Web上)。我们实际上制作了#34;幻灯片"用CKEditor。
在我们的特定情况下,幻灯片具有一定的高度。高度不会是动态的,我们事先知道在演示文稿中被切断之前,在CKEditor中键入的文章需要多高(以像素为单位)。
问题:我们想要一种实时显示,如红线或类似的东西,显示页面何时会中断;因此,输入CKEditor的用户会感觉到休息时间即将到来(我不是在谈论手动将休息时间放在那里,只是显示何时自然发生休息)。
我们应该如何解决CKEditor的问题?
答案 0 :(得分:0)
让我们说你的幻灯片高度必须是500px。
创建宽度为1px且高度为500px的空透明PNG图像。将最后2-3个像素设为红色。这将指示分页符。
然后,在CKEditor文件夹中找到contents.css
,并修改.cke_editable
部分以包含background-image: url('page_break_indicator.png');
,这将添加图像作为背景,水平和垂直重复。
但请注意,当用户创建3张或更多幻灯片,然后修改不是最后一张幻灯片时,必须根据其分页符检查其后的所有其他幻灯片。