首页 > 解决方案 > 将 HTML 查看添加到 Wagtail 上的 Draftail 编辑器

问题描述

当我们在 Wagtail 上使用 Hallo.js 时,我能够向编辑器添加一个按钮,以便您可以查看富文本字段的原始 HTML。

我的问题:这在 Draftail 中仍然可行吗?

我查看了文档 - 并成功地为 Draftail 编写了我自己的自定义函数,但它似乎只接受自定义按钮的 HTML 标记。

我看到 Draftail 将内容存储为 JSON 而不是 HTML,因此这可能会限制此功能。

标签: wagtail

解决方案


关于这个主题有一个(关闭的)问题:https ://github.com/springload/drafttail/issues/156

不幸的是,在这个编辑器中不可能有这样的事情,因为它不会将其内容存储为 HTML。拥有这样的功能也会与编辑的总体方向相反——试图强制最终用户不能以不可预见的方式更改内容。

从技术上讲,可以编写一个工具栏扩展来获取编辑器的内容,将其转换为 HTML,允许您对其进行编辑,然后将输入的任何内容插入到编辑器中——但这又完全违背了使用此编辑器启动的目的和。

如果您需要这样的功能,最好使用https://www.tinymce.com/https://ckeditor.com/之类的编辑器。

我要补充一点,使用StreamFields可以更好地处理任何“复杂”的 html 结构。


推荐阅读