当您从 Google Docs、Notion 或 Microsoft Word 等工具粘贴或编辑内容时,新文章编辑器的工作方式可能会有所不同。您可能会看到不需要的样式或不可编辑的 HTML 或代码块。

本文章涵盖以下主题:

  • 为什么会出现 HTML 问题
  • 粘贴,去除不需要的样式
  • 避免和编辑 HTML 块
  • 限制和最佳实践

为什么会出现 HTML 问题

出现 HTML 块问题的原因是新旧文章编辑器使用不同的系统处理 HTML。新编辑器可创建更简洁、结构化的 HTML,因此并不总是支持旧文章的自定义 HTML。

如果您的文章包含新编辑器不支持的自定义 HTML,编辑器会将内容放在 HTML 块中。这有助于新编辑器以正确的方式读取并显示您的代码。如果没有此块,编辑器在显示文章时可能会出现布局或格式问题。

下图显示了当您在新版编辑器中打开受影响的文章时看到的内容。内容将保留在 HTML 块中,但您仍然可以预览和发布文章。

粘贴,去除不需要的样式

要粘贴来自 Google Docs、Notion 或 Microsoft Word 等来源(不带不需要的样式)的内容,请执行以下操作:

  1. 使用浏览器的 粘贴为纯文本 功能:
    • 在 Microsoft Edge中,右键单击编辑器,然后选择 粘贴为纯文本
    • 在 Google Chrome中,右键单击并选择 粘贴并匹配样式
  2. 如果您已粘贴带有样式的内容,请从工具栏中选择 源代码
  3. 单击 操作>清理样式 以移除内联样式。请注意,一些基本样式(例如 加粗)可能会保留。
  4. 重新应用您需要的样式。使用工具栏根据需要应用粗体或斜体、设置页首级别或添加项目符号。
  5. 如果您经常迁移内容,请将其粘贴到纯文本应用中,例如记事本,然后再将其移动到新的文章编辑器中以移除所有样式

避免和编辑 HTML 块

迁移或粘贴后,某些表格或格式化块可能只能作为 HTML 或代码块进行编辑。当内容包含不受支持的 HTML 或已弃用的属性时,就会发生这种情况。例如,中的高度属性 <td> 标签。与以前的编辑器相比,新版文章编辑器实施更严格的 HTML 支持,可能会将某些块隔离为 HTML 或代码块。

要避免 <zd-html-block> 包装:

  • 在从 Notion 或类似工具复制之前,请确保内容不包含不受支持的 HTML 或代码元素
  • 粘贴为纯文本,以避免触发自动隔离的不受支持的代码
  • 粘贴后使用新文章编辑器的内置工具以根据需要应用样式

转换 HTML 块以供可视化编辑器使用:

  1. 在新文章编辑器中单击 HTML 块
  2. 选择 取消链接 以移除不受支持的标记。编辑器会显示它将移除的标记。
  3. 审阅并确认更改。然后,您可以在可视化编辑器中编辑该块。

如果您对格式化文本块中的文本应用加粗或其他样式,该文本块可以变为 HTML 或代码块。使用 取消链接 可返回到可视化编辑器模式。

注意:保存后,块可能会恢复为代码块。这是一个已知限制。

在 HTML 块中编辑源代码

如果您了解 HTML,并需要对受影响的文章进行少量编辑(例如文本编辑),可以使用 HTML 块编辑器。

您可以 编辑 HTML 块中的代码 以更改内容,并在文章中保留保护性 HTML 块。当您使用此选项在 HTML 块编辑器中编辑内容并应用更改时,您的更新将被保存,并在所有包含该 HTML 块的文章和内容块中可见。您无需重新发布文章即可显示更改。

注意:您必须熟悉 HTML 代码才能使用此选项,因为您将在源代码编辑器中进行所有编辑。请记住,当您更新 HTML 块中的内容并应用更改时,该更改会自动显示在所有已发布文章中。

限制和最佳实践

  • 复杂的格式,例如使用自定义 HTML 或 JavaScript 的折叠或标签,可视化编辑器可能无法完全支持,可能需要 HTML 模式或更简单的内容
  • 仅使用受支持的 HTML 和样式。首选内联样式,例如 style="height: 50px;",已弃用的属性。
  • 每次在发布之前检查粘贴的内容是否有不需要的样式或 HTML 块
  • 使用编辑器的预览功能检查您的文章对终端用户而言是怎样的

如果您遇到持续出现的问题,或 取消链接 功能缺失,请联系 Zendesk 客户Support 以获得进一步帮助。

有关更多信息,请参阅 过渡到新的文章编辑器。

翻译免责声明:本文章使用自动翻译软件翻译,以便您了解基本内容。 我们已采取合理措施提供准确翻译,但不保证翻译准确性

如对翻译准确性有任何疑问,请以文章的英语版本为准。

由 Zendesk 提供技术支持