This是我见过的最接近的人,即使它没有做得特别好;它肯定没有集成(如果它甚至可以说是这样)以及highlight.js块默认支持reveal.js支持(它们没有响应并缺少一堆其他不错的ACE的特点。
我尝试在幻灯片中天真地嵌入一个ACE文本框,但它并没有很好地解决问题。 Reveal改变了东西的大小,但即使修好了(并设置" text-align:left"),可视光标也没有与实际光标对齐,编辑器警告图标很小
答案 0 :(得分:1)
ACE和reveal.js的问题是css属性zoom
或transform: scale()
,它们揭示了用于使内容适合屏幕的用途。 ACE需要像素字体,并且在计算鼠标光标位置时不使用缩放。
我做了一个小分叉并为编辑器添加了reval.js特定检查。
见https://github.com/waywaaard/ace https://github.com/waywaaard/ace/commit/e4e3da28515ef7a58fe85378dd4dd557918fc4a6
这解决了我的用例问题。
答案 1 :(得分:1)
我解决这些问题的方法是在iframe中嵌入ACE而不是直接使用它。我写了一个reveal.js插件,可以轻松嵌入ACE编辑器: