1

我在这个项目中使用 React、RSuite、AWS 和 Node。对于完成这项任务的最佳方法,我完全不知所措。我已经尝试将所有许多段落放入 JSON 中,然后使输入字段在文档中的某些点弹出,但结果仍然难以实现。我非常感谢有关如何开始执行此任务的任何指导。(注意:我不是在寻找代码,我只是希望有一些头脑风暴的想法可以让我快速启动这个项目。

4

2 回答 2

3

这是一个开放式问题,可能会被关闭。我将简要介绍两个建议。

首先,我建议使用内容管理系统 (CMS),例如Ghost,他们的无头 API 可以在您的 react 应用程序后面运行,或者您可以使用 ghost 主题。一个常见的比较是WordPress 与 Ghost,后者WordPress是一种较旧但流行的 CMS。您可以从这里开始

其次,如果只有这个文档,永远。您可以查看您的 react 应用程序的Google Docs API以与他们的文档数据模型协调。

于 2021-07-02T18:03:00.190 回答
2

看来您的任务是编写一个有助于逐段构建文档的应用程序。为此,您可以实现其他人的 CMS(内容管理系统),或者编写自己的更简单的内容管理系统。

如果您自己编写,您可以将 paras(构成最终文档)存储在 MySQL 表中,并通过数字 sort_order 列管理段落的顺序(即哪个先出现,哪个下一个等),并允许用户重新定位每个段落向上/向下。

对于用户数据输入,您可以使用富文本编辑器,例如 Quill 或 TinyMCE 等。这些允许用户输入带有格式的文本(以 HTML 形式输入),例如粗体、下划线、字体、颜色等。结果是可以存储在数据库中的 HTML 代码。

当然,您还需要一个打印按钮,它允许您从数据库表中获取所有参数并将它们打印到新页面上,作为格式化的最终文档。此外,您可以将它们输出为 PDF - 有许多可用的库可以为您提供便利。

参考:

https://areknawo.com/top-js-rich-text-editor-frameworks-for-2021/

https://stackhowto.com/how-to-print-a-pdf-file-using-javascript/

YouTube 视频展示了如何实现 Quill

于 2021-07-02T18:17:12.467 回答