问题标签 [draftail]

我blocks.RichTextBlock()在 Wagtail StreamField 中使用来创建富文本。

我想创建一个带中断但继续编号的有序列表。

例如：

但是，当我在 RichTextBlock 的管理编辑器中使用有序列表功能时，我得到以下结果：

我怎样才能继续这样编号？

我一直在使用 Wagtail 创建一个带有附加文本注释的网站。用户流程是段落中有一些突出显示的文本，单击时会在一侧显示注释。预期的 HTML 结果是：

我想通过草稿菜单上的单个项目来实现这一点，其 UI 类似于 URL 创建者——用户选择文本，并添加注释文本。我已按照https://docs.wagtail.io/en/stable/advanced_topics/customisation/extending_draftail.html上的说明创建了一个新的内联样式来生成link，但是我不能再添加hidden-text：

所以基本上我已经添加了两个自定义功能来为 RichTextBlock 中的文本着色，我想让它们为一部分文本选择一个会自动取消选择另一个颜色按钮，就像 h 标签的情况一样。

我搜索了一下，但没有找到太多，所以我想我可以使用一些帮助，无论是建议、说明甚至是代码。

我的功能是这样的：

另一个类似，但颜色不同。

我有一个带有基本工具栏标题的文本编辑器

我想添加一个文本对齐选项（右、左和中心缩进）和一个分隔线（水平线）选项我正在使用 react-draft-wysiwyg 编辑器并且没有其他插件。

请有人指导我如何在 Draft.js 工具栏中添加自定义选项。

我正在使用 react-draft-wysiwyg 编辑器，并且在编辑器上使用文本对齐选项时，我看到了应用的样式，但是当我使用 stateToHTML 转换数据时，我没有看到任何应用到它的样式。

在这里，我使用了中心文本缩进，但在转换为 stateToHTML 后，我看不到任何样式应用于要保存的数据。我需要使用应用的样式保存数据。

有人可以帮我解决这个问题。

这是一个非常通用的问题，所以我还没有任何代码可以显示，但是我想知道是否有人可以给我一个关于如何在 Wagtail 中使用草稿编辑器的最小示例或指导，但不是在管理员中，但是在面向公众的页面上。我没有设法在 Wagtail 文档中找到任何相关信息，仅在 RichText 内部页面上找到有关如何在管理员中自定义编辑器的页面。

任何人都可以概述将 Draftail https://draftail.org安装到带有 webpack 之类的捆绑器（主要用于摇树）的入门 HTML 模板所需的步骤。

我真的只是在寻找一个“快速入门”，draftail 对 React 或 Webpack 不太了解（这就是我目前正在寻找的 tree shaking）。我在网上找到的示例要么不使用摇树，要么不解释或有效地成为 React 新手的步骤。

不过，我确实非常了解 Javascript 和 Jquery。

我基本上是从 React 开始的，我正在学习本教程https://reactjs.org/docs/hello-world.html和 React 入门指南https://reactjs.org/docs/add-react- to-a-website.html。

我的模板现在看起来像这样：

这可行，但我想尝试的一些软件包没有 CDN 可以从中加载它们。特别是 https://www.daftail.org/docs/getting-started。

npm init -y我是否必须接下来使用然后设置节点环境npm install --save draftail draft-js@0.10.5 react react-dom？但是我已经通过 CDN 进行了 react install，所以我现在应该做什么，因为我不知道这些包是否会发生冲突。

此时如何将 node_modules 中安装的内容与 CSS 文件一起带入浏览器？

尝试学习 webpack，我已经达到了教程的第一部分，但是当我尝试自己冒险时，我遇到了问题。我真的试图从这个页面设置入门示例。 https://www.daftail.org/docs/getting-started

这是我的 package.json 文件

这是我的 webpack.config.js 文件：

和我的 index.js 文件：

我在运行 webpack 时遇到的错误是：

我已验证 babel 已作为预设列在我的 webpack.config.js 中，但我仍然收到该错误。知道出了什么问题吗？谢谢。

我正在为 Wagtail 构建一个基于 GPT-3 的博客帖子生成器，以简化为我的网站创建博客内容。虽然我已经成功添加了生成按钮和相关提示/输入/XHR 请求，但我面临的挑战是保留 Draftail 期望的内容结构。

如您所见，我可以正确地定位并添加来自 GPT-3 的结果 HTML，但如果您查看控制台错误，您会发现 Draftail 真的讨厌我在此处提供的格式。

相关JS代码：

我输出的内容结构示例

默认/工作内容结构示例（Draftail 期望的）

如您所见，页面加载时动态生成了许多数据属性。我可以检索它并类似地构造我的内容，但这需要 RichText 框中的现有内容才能使用，因此不能用于空的 RichText 框。

关于从哪里开始与 Draftail 交互以正确添加格式化内容的任何想法？