drupal_Drupal中的Gutenberg编辑器入门

drupal

自2017年以来，WordPress在Gutenberg插件中拥有非常出色的WYSIWYG编辑器。 但是Drupal社区尚未就内容管理系统（CMS）编辑经验的最佳方法达成共识。 但是，在社区的大量努力下， Gutenberg与Drupal集成在一起时，出现了一个强大的新选择。

以前，Drupal 8中有两种主要的内容创建方法：

• 在基于段落的方法中 ，内容是由称为段落的实体组成的。 目前，大约有100,000个网站使用“段落”模块（根据Drupal）。
• Layout-Builder方法使用Drupal 8.5附带的编辑工具。 它仍然在进行改进，但是它是下一个强有力的竞争者，因为它确实与Drupal核心很好地集成在一起。 由于Layout Builder是Drupal的一部分，因此无法获得使用情况的统计信息。

在2018年底，由Frontkom（一家专注于开源解决方案的挪威数字机构）领导的Drupal社区将WordPress的Gutenberg项目作为贡献模块移植到了Drupal中。 让我们看一下Gutenberg在Drupal中的工作方式（包括一些酷于Drupal的集成）。

安装

安装Gutenberg模块与安装任何Drupal模块一样简单，并且具有良好的安装文档 。

组态

Gutenberg已集成到Drupal的默认内容实体创建工作流程中。 您可以在所选的任何内容类型上使用它，只要该内容类型至少具有一个文本区域字段，即可在其中保存古腾堡编辑器的输出。

要在Drupal中的内容类型上启用Gutenberg项目，您必须导航至其设置：“ 结构”>“内容类型” ，然后从要使用Gutenberg的内容类型旁边的下拉列表中，单击“ 编辑” 。

在显示的表单中，向下滚动并选择左侧的Gutenberg体验标签，您可以在其中找到以下所述的设置。 选择启用古腾堡体验框。

模板

这是WordPress开箱即用中不提供的很酷的功能之一。 它使您能够以JSON结构为新页面定义模板。 这将使用虚假的占位符内容预填充所有新创建的文章，这将有助于编辑者正确地构造内容。 在上面的屏幕截图中，我添加了标题和段落。 请注意，任何双引号都必须转义。

模板锁

允许古腾堡和Drupal街区

这是古腾堡Drupal侧的另一个超酷功能。 Drupal允许用户创建各种类型的块来设计页面。 例如，您可以创建一个块，其中包含五个最新博客文章的列表，最新评论或用于收集用户电子邮件的表单。

Gutenberg与Drupal的深度集成使用户可以选择用户在编辑时可以使用哪些Drupal块（例如，限制嵌入到YouTube）并将块用作嵌入式内容。 这是一个非常方便的功能，允许对用户体验进行精细控制。

在空白的Drupal安装中没有太多选择，但是实际站点通常有许多提供各种功能的块。 在下面的屏幕截图中，选择了“ 搜索”表单 Drupal块。

完成配置后，点击保存内容类型 。

用Drupal Gutenberg发布内容

为内容类型启用古腾堡后，它将接管大部分编辑经验。

在主窗口中，您可以看到我在上面的模板配置中添加的虚拟占位符内容。

Drupal特定的选项

在右侧，Drupal提供了一些字段和设置。 例如，“ 标题”字段是Drupal中必填的单独字段，因此不在“古腾堡”主屏幕上。

在标题下 ，还有其他设置，这些设置可能会有所不同，具体取决于在Drupal中安装的模块和设置的选项。 您可以看到修订日志消息 ， 菜单设置 ， 注释设置以及添加URL别名的位置 。

通常，Drupal内容类型由几个文本字段组成，例如标签，类别，复选框，预告片的图像字段等。为内容类型启用Gutenberg时，这些其他字段在“ 更多设置”选项卡中可用。

现在，您可以添加您的内容，它的功能与WordPress Gutenberg中的功能相同，并带有添加Drupal块的附加选项。

在下面的屏幕快照中，您可以看到当我添加一些文本以替换占位符文本，Drupal的搜索块，标题，标签和自定义URL别名时发生的情况。

点击保存后 ，您的内容将被发布。

就是这样。 它就像一个魅力！

共同努力，以获得更好的软件体验

Drupal的Gutenberg运作良好。 这是一个可供选择的选项，允许编辑者控制网站的外观，直至最细微的细节。 采用率增长良好，截至撰写本文时，已有1000多个安装，每月有50个新安装。 Drupal集成添加了其他很酷的功能，例如细粒度权限，占位符内容以及能够内嵌Drupal块的功能，而这些功能在WordPress插件中不可用。

很高兴看到两个独立项目的社区一起工作，以实现为人们提供更好软件的共同目标。

翻译自: https://opensource.com/article/20/3/gutenberg-editor-drupal

drupal