javascript - 如何创建 HTML5 拖放编辑器？

Question

觉得这是个奇怪的问题，但还是，

我想创建一个工作室，人们可以在其中使用不同类型的内容(例如文本、图像、视频、音频、链接等)创建卡片并保存它们，这样我就可以通过其他方式呈现它们的设计效果查看。

我计划使用 ReactJS Framework 构建它。我是 ReactJS 的新手，刚刚完成了 TODO 教程。并做了一些工作来理解 ReactJS 的拖放 功能。

但我仍然对如何和在哪里开始编码以满足我的要求感到困惑。我的应用程序的结构应该是什么。每个组件应该有的所有属性，完全被阻止了。

我在这里并不是要确切地为我的应用程序提供结构，我正在寻找一些资源/文档，其中解释了如何为这些类型的需求构建应用程序。

类似于 beefree.io是我想要构建的。

非常感谢您的所有反馈。

Answer 1

非常推荐TinyMCE编辑器:https://www.tinymce.com/download/ .这个编辑器有很多功能。我也可以推荐http://hammerjs.github.io/ , https://github.com/yabwe/medium-editor和 http://premiumsoftware.net/cleditor/ .

如果你想创建独立的 HTML5 编辑器，你应该研究推荐编辑器的 GitHub 资源，主要学习 jQuery 和 AngularJS。

关于如何从基础 HTML5 编辑器创建的说明:

• > http://www.simonewebdesign.it/how-to-make-browser-editor-with-html5-contenteditable/
• > http://blog.teamtreehouse.com/building-an-html5-text-editor-with-the-filesystem-apis
• > http://buildwithreact.com/