Javascript 您能为Web应用程序推荐演示幻灯片页面编辑器吗？（所见即所得，但非HTML）

我正在设计一个允许编辑页面的web应用程序。问题是，它不是HTML内容，它甚至不能显示在所见即所得编辑器之外的网页中

更具体地说，它的演示幻灯片用于低分辨率的非矩形LED标牌显示器（自定义硬件）：

（上面的屏幕截图恰好是矩形的，但显示器通常具有自定义形状）

可以说，页面编辑应该更像Powerpoint而不是TinyMCE。例如，用户可以在页面内更改内联“内容元素”，如时间（或图像、计数器或tickertape文本）

有时不允许重新定位，将页面转换为只允许用户更改文本和某些外观设置的模板

您能为web应用程序推荐这样的“演示幻灯片页面编辑器”吗？

如果您打算推荐TinyMCE或类似产品，请指定是什么使它们能够执行内联（或浮动）内容元素，以及是否允许如我的屏幕截图所示的像素完美编辑

---

。。我猜没有这样的东西，我必须从头开始构建一些东西。在这种情况下，我可能会选择一个简单的模板设计，其中用户填写字段并在服务器端呈现位图预览。

根据您的要求，我觉得您需要为此编写一些自定义内容。我想这可能是最好的。这将需要在画布上绘制所有内容，但它将为您提供良好的像素完美性。如果您想模拟字幕显示的渲染方式，这似乎是最好的。在文本编辑方面，您可以使用某种输入（WYSIWYG或非WYSIWYG），然后在画布元素中渲染它。我确信可以模拟光标并捕获键盘输入以直接“写入”画布组件，但这可能需要更多的工作。

Struct editor即将推出（您可以使用它制作演示文稿…但它不太漂亮）。演示：

如果您投票结束此问题，请发表评论解释原因。。我不是在寻找另一个WYSIWYG HTML编辑器！这是JS library/GUI组件的一组非常具体的要求，我欢迎深入研究，因为我没有发现。您在寻找哪些特定的WYSIWYG类功能？您是否有可用于文本的字体（即用作web字体），或者您是否需要能够逐像素绘制字符/图形？这些图形是在什么地方定义的吗？看起来你可能需要自己构建，但这是一些需要考虑的问题。图形都是在硬件中定义的，我必须匹配这些。每个字体，每个像素。我甚至想在网络上复制一些动画和转场，但那是另一回事。我喜欢

canvas

让我完全控制的方式。也许为了学习如何渲染和捕获输入，我可能需要先制作一个HTML5游戏作为POC更新：我忘记了这个问题，但我最终做的确实是编写一些自定义的东西。我们使用React，所以我构建了一个预览组件，用于呈现作为属性传递的项（JS对象）。反过来，该表示组件对用户操作进行回调，进行智能缩放和颜色映射，并具有内置的选择指示。该预览组件依次用于编辑器组件，该组件还包含选定图元的特性编辑器和图元选择列表组件。如果我能亲自去的话，那真是太棒了。感谢React和HTML5画布。