javascript - 您能为 Web 应用程序推荐一个演示文稿幻灯片页面编辑器吗? (所见即所得,但不是 HTML)

标签 javascript html rich-text-editor

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

更具体地说,用于低分辨率非矩形 LED 标牌显示器的演示幻灯片(定制硬件): example GUI for presentation slide page in the editor

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

可以这么说,页面编辑应该更像Powerpoint而不是TinyMCE。例如,用户可以在页面内更改时间(或图像、计数器或纸条文本)等内联“内容元素”。

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

您能为网络应用程序推荐这样一个“演示文稿幻灯片页面编辑器”吗?

如果您要建议 TinyMCE 等,请指定什么使这些能够执行内联(或 float )内容元素,以及它是否允许像素完美编辑,如我的屏幕截图所示。

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

最佳答案

根据您的要求,我觉得您需要为此编写一些自定义内容。我猜canvas可能最适合这个。这将涉及到必须将所有内容绘制到 Canvas 上,但这会给你带来良好的像素完美度。如果您想模拟选框显示如何呈现它,这似乎是最好的。在文本编辑方面,您可以使用某种输入(所见即所得或非所见即所得),然后将其渲染在 Canvas 元素中。我确信可以模拟光标并捕获键盘输入以直接“写入” Canvas 组件,但这可能需要更多工作。

关于javascript - 您能为 Web 应用程序推荐一个演示文稿幻灯片页面编辑器吗? (所见即所得,但不是 HTML),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24380954/

相关文章:

javascript - 如何使用javascript在textarea中获取Html编辑器的输入

javascript - 摩卡和 Chai - "timeout of 2000ms exceeded. Ensure the done() callback is being called in this test."

javascript - 为什么 Logger.log 看不到第二个参数而 console.log 却看到?

javascript - 如何暂时停止 title 属性显示工具提示?

html - CSS、HTML 布局 : relative div inside absolute div flows outside its container

c# - 网页上的富文本编辑器

javascript - Web 文本编辑器中的 RTF 格式

javascript - 如何解析 XML 文件并将其放入 AIR 中的 JavaScript 数组中?

javascript - 显示表内的文件列表

android - 用于跨平台应用程序开发或 JQUERY 移动的离线 HTML5 或 native SDK