---
url: 'https://dxpr.com/zh-hans/markdownify/node/45'
title: 'DXPR Builder，最好的 Drupal 编辑体验 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-29T07:49:53+00:00'
updated: '2026-10-29T07:58:27+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: website
summary: '最好的 Drupal 编辑体验。DXPR Builder 让您的团队只需描述页面，就能看着它搭建出来。用您服务的每一种语言上线。让线上页面自我优化，背后是 Drupal 的结构化内容引擎。DXPR Builder 和 AI 对小型网站免费。查看免费版详情。'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      '@type': SoftwareApplication
      name: 'DXPR Builder'
      description: '最好的 Drupal 编辑体验。DXPR Builder 让您的团队只需描述页面，就能看着它搭建出来。用您服务的每一种语言上线。让线上页面自我优化，背后是 Drupal 的结构化内容引擎。DXPR Builder 和 AI 对小型网站免费。查看免费版详情。'
      url: 'https://dxpr.com/zh-hans/drupal-layout-builder'
      applicationCategory: DesignApplication
      operatingSystem: Web
      softwareRequirements: 'Drupal ^10.2 || ^11'
      softwareVersion: 3.0.0-beta24
      offers:
        -
          '@type': Offer
          name: Personal
          price: '0'
          priceCurrency: USD
          url: 'https://dxpr.com/zh-hans/pricing'
        -
          '@type': Offer
          name: Professional
          price: '15'
          priceCurrency: USD
          url: 'https://dxpr.com/zh-hans/pricing'
        -
          '@type': Offer
          name: Business
          price: '35'
          priceCurrency: USD
          url: 'https://dxpr.com/zh-hans/pricing'
        -
          '@type': Offer
          name: Enterprise
          price: '99'
          priceCurrency: USD
          url: 'https://dxpr.com/zh-hans/pricing'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
    -
      '@type': FAQPage
      mainEntity:
        -
          '@type': Question
          name: 'DXPR Builder 会取代 Drupal Layout Builder 吗？'
          acceptedAnswer:
            '@type': Answer
            text: '<p>不会，两者可以配合使用。DXPR Builder 以文本字段格式化器的形式运行，因此您可以把 DXPR Builder 字段放进现有的 Layout Builder 布局中。Layout Builder 继续掌控页面的整体结构，编辑人员则在字段内以可视化方式搭建。<a href="/compare-dxpr/drupal-layout-builder">对比 DXPR Builder 与 Layout Builder。</a></p>'
        -
          '@type': Question
          name: 'DXPR Builder 与 Drupal Canvas 有何不同？'
          acceptedAnswer:
            '@type': Answer
            text: '<p>Canvas 是一个贡献模块形式的可视化构建器，用组件库拼装页面，组件通常由开发者构建和维护。DXPR Builder 自带现成的页面元素，营销人员第一天就能上手，并且可与您现有的 Layout Builder 页面配合使用。Canvas 的文档说明各翻译共用同一个布局；DXPR Builder 则让每种语言拥有自己的布局。<a href="/compare-dxpr/drupal-canvas">阅读完整的 Canvas 对比。</a></p>'
        -
          '@type': Question
          name: 'DXPR Builder 支持哪些 Drupal 版本和主题？'
          acceptedAnswer:
            '@type': Answer
            text: '<p>DXPR Builder 支持 Drupal 10 和 Drupal 11，无需核心补丁。它适用于任何主题，包括您当前使用的主题，与免费的 DXPR Theme 搭配尤其合适。像安装其他 Drupal 模块一样，用 Composer 安装即可。<a href="https://www.drupal.org/project/dxpr_builder">下载 DXPR Builder</a>。</p>'
        -
          '@type': Question
          name: 'DXPR Builder 免费吗？'
          acceptedAnswer:
            '@type': Answer
            text: '<p>免费，适用于小型网站。DXPR Builder 和 AI 在 Personal 版中免费，无需信用卡，不限时长。需要更多容量或团队支持时，再选择付费方案。<a href="/zh-hans/pricing">查看免费版详情和付费选项。</a></p>'
        -
          '@type': Question
          name: '如果我们不再使用 DXPR，页面会怎么样？'
          acceptedAnswer:
            '@type': Answer
            text: '<p>页面依然在线。DXPR Builder 把内容以标准的 Bootstrap HTML 存放在您的 Drupal 字段中，页面的显示并不依赖订阅。取消订阅后，页面保持发布状态，仍可在 Drupal 中作为 HTML 编辑。即使卸载模块，内容也仍保留在您的数据库中。</p>'
        -
          '@type': Question
          name: 'DXPR Builder 生成的 HTML 具备无障碍性吗？'
          acceptedAnswer:
            '@type': Answer
            text: '<p>DXPR Builder 输出标准的 Bootstrap 5 HTML。文本使用真正的标题层级和列表，标签页和折叠面板带有 ARIA 角色和状态，图片元素提供替代文本字段。已发布页面的无障碍程度仍取决于您的内容、颜色和主题，因此请在审核流程中加入无障碍检查。</p>'
        -
          '@type': Question
          name: 每种语言可以有自己的页面布局吗？
          acceptedAnswer:
            '@type': Answer
            text: '<p>可以。DXPR Builder 与 Drupal 的内容翻译配合使用，每个翻译都有自己的 DXPR Builder 内容。区域团队可以为本地市场调整文字、图片和布局，包括从右到左书写的语言，AI 也可以起草译文供审阅。<a href="/localization">了解多语言 Drupal。</a></p>'
        -
          '@type': Question
          name: 'DXPR Builder 由哪些 AI 模型驱动？能否关闭 AI？'
          acceptedAnswer:
            '@type': Answer
            text: '<p>DXPR Builder 的 AI 运行在 DXPR 的 Kavya 模型上，请求会被路由到 OpenAI、Anthropic、Google Gemini、Mistral AI 或 xAI；欧盟模型则把文本路由到位于法国的 Mistral AI。管理员可以设置提供商的顺序、限制编辑人员可使用的模型，并关闭 AI 功能。没有 AI，可视化编辑器同样可用。<a href="/ai">了解 AI 页面构建。</a></p>'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/drupal-layout-builder'
      description: '最好的 Drupal 编辑体验。DXPR Builder 让您的团队只需描述页面，就能看着它搭建出来。用您服务的每一种语言上线。让线上页面自我优化，背后是 Drupal 的结构化内容引擎。DXPR Builder 和 AI 对小型网站免费。查看免费版详情。'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
##  [DXPR Builder，最好的 Drupal 编辑体验](/zh-hans/drupal-layout-builder)

# 最好的 Drupal 编辑体验。

DXPR Builder 让您的团队只需描述页面，就能看着它搭建出来。用您服务的每一种语言上线。让线上页面自我优化，背后是 Drupal 的结构化内容引擎。

DXPR Builder 和 AI 对小型网站**免费。**[查看免费版详情](/zh-hans/pricing)。

[在线体验](https://try.dxpr.com)

[查看价格](/zh-hans/pricing)

受到使用 Drupal 的机构信赖

## 几分钟内上线 Drupal 页面。

在这里试用简化版的 DXPR Builder 设置，看页面随之更新。

#### 直接在页面上编辑文字

点击文字直接输入，和在编辑器里一样。

文本

行内编辑

点击页面上的文字即可编辑。

 取消 保存

 [在线体验](https://try.dxpr.com)

 **B** *I* Tx  段落 标题 2 标题 3

## 3 月 14 日校园开放日。

认识项目团队，参观校园，两分钟完成报名。页面上的每一处文字，都由您修改。

#### 排布行与列

选一种列布局，行会随之变化。

行

列布局

  布局 设置 1/1 列 设置 1/2 + 1/2 列 设置 1/3 + 1/3 + 1/3 列 设置 1/4 + 1/4 + 1/4 + 1/4 列 设置 1/6 + 1/6 + 1/6 + 1/6 + 1/6 + 1/6 列 设置 1/4 + 1/2 + 1/4 列 设置 1/6 + 4/6 + 1/6 列 设置 1/4 + 3/4 列 设置 3/4 + 1/4 列 设置 2/3 + 1/3 列 设置 1/3 + 2/3 列 设置 5/12 + 7/12 列

当前布局：1/2 + 1/2

 取消 保存

 [在线体验](https://try.dxpr.com)

1/2

1/2

#### 为元素添加入场动画

选择入场效果和播放时机。

卡片

动画

  动画开始方式 出现时 悬停时 点击时

   入场动画 fadeInUp fadeIn fadeInLeft zoomIn flipInX slideInUp

  时长 1000 毫秒

 取消 保存

 [在线体验](https://try.dxpr.com)

卡片滚动进入视图时播放。

 重播

每一次都准时交付。

风能、太阳能与储能项目，从可行性研究到并网，从第一天起就有一位项目负责人全程对接。

- [直接在页面上编辑文字](#editor-demos-editing)

    点击文字直接输入，和在编辑器里一样。
- [排布行与列](#editor-demos-layout)

    选一种列布局，行会随之变化。
- [为元素添加入场动画](#editor-demos-animation)

    选择入场效果和播放时机。

## 您的下一场活动，由您掌控。

活动已经确认，现在还差一个页面。打开一个已获批准的模板，加入活动安排和报名链接，再把细节改成自己的。

边做边检查布局，再让页面走完您的 Drupal 发布流程。下一场活动，从团队早已熟悉的基础起步。

[在线体验 →](https://try.dxpr.com)

## 周一 9:00，需求简报到手。9:04，初稿已经成形。

您的团队说出需求，AI 负责搭建、撰写、配图，然后团队把它改成自己的作品。

### 一句话生成一个页面。

描述您的需求，几秒钟内就能拼出一个完整可用的页面：版块、布局、文案一应俱全。长文也不在话下：超过 1000 词、结构清晰并带有网络调研的文章。

### 克隆网上的任何页面。

输入 `clone`，您羡慕的那个页面就会用您的元素、按您的品牌重建，随时可编辑。应对竞争，以分钟计。

## 内置护栏，速度才安全。

用得放心的 AI：锁定区域、按角色分配的元素权限、已获批准的模板、由 Drupal 分类法管理的品牌语气，每次更改都有修订记录，可随时撤销。

### 品牌语气，由 Drupal 分类法管理。

按受众和渠道预设的语气以分类词汇的形式保存，因此 AI 生成的每个词，都遵循您的团队已在 Drupal 中维护的规则。

### 发布一次，持续变好。

一键把任何元素变成自我优化的测试。强化学习会观察点击、互动和停留时间，在您的团队休息时，把流量导向表现最好的版本。**任何 CMS 上，没有其他页面构建器具备这一能力。**

- **锁定区域**编辑人员只能修改被允许的内容。
- **按角色授权元素**限定每个 Drupal 角色可使用的元素。
- **已批准的模板**从品牌团队审定的内容开始。
- **受管控的语气**语气以 Drupal 分类法管理。
- **保留修订**每次更改都可通过 Drupal 修订版本撤销。

## 用对话编辑页面。

[了解 AI 页面构建 →](/ai)

打开聊天模式，告诉页面该改什么。AI 智能体理解上下文，能执行多步指令，并跨版块完成修改，让您保持创作思路，不必在菜单间来回点击。

## 不创新，就出局。

AI 速度的营销不是即将到来，而是已经到来，而且不会等您的工单队列。每天发布的团队，正在抢走那些还在提交工单的团队的受众。

## DXPR Builder 与 Drupal Canvas 对比。

Canvas 是 Drupal CMS 中新的组件编辑器，面向搭建设计系统的开发者。DXPR Builder 是面向营销团队的 AI 页面构建器。

|  | Drupal Canvas | DXPR Builder |
|---|---|---|
| AI | 早期阶段的助手 | 生成、克隆、编辑、翻译、绘图：所有 CMS 中最深入的 AI 能力 |
| 组件由谁搭建 | 开发者（SDC / React） | 无需任何人，30 多个开箱即用 |
| 营销人员何时能上手 | 组件就绪之后 | 第一天 |
| 翻译 | 实验性 | 可用于生产，AI 辅助 |
| 自我优化的 A/B 测试 | 无 | 内置 |
| 卸载之后 | 页面失效 | 页面照常运行 |

## 受到高校、政府和企业团队的信赖。

了解大型企业、小型企业、高校和政府为何依靠 DXPR，快速发布美观的 Drupal 页面。[阅读客户案例](/clients)。

> 有了 DXPR Builder，我们终于觉得把 Drupal 的价值充分发挥了出来。我们的市场部现在撰写营销内容和 A/B 测试的效率高多了。

**Victoria Liang**
上海大学数字营销经理

> DXPR 为 Drupal 增添了魔力：它把最出色 CMS 的强大能力与拖拽的简便结合在一起。DXPR Builder 及其众多模板，让梦想成真。

**Lyece Hammoun**
Institut Bioforce 传播负责人

> 我并不精通 PHP、CSS 或 HTML，却能在几分钟内做出过去可能要花几小时甚至几天的页面：在 Drupal 里做落地页或长篇销售页，而不必依赖昂贵的第三方服务。

**Betsy Muse**
文案撰稿人

## 页面处理速度提升 10 倍。以 Rust 打造。

DXPR 基于 Rust 的优化器处理页面 HTML 的速度快 10 倍，同时让 AI Token 用量减少 10% 至 15%。它会在内容到达 AI 模型之前去除不必要的标记，因此每次请求的额外开销都更少。

## 30 多种现成的页面元素。

版块、行，最多十二列；每个元素都支持响应式、动画，并可按角色锁定。

#### 找到合适的图标

搜索数千个图标，再调整大小和形状。

图标

常规

 图标

12 个图标

 大小  正常 大 特大（2x） 超大（3x） 巨大（4x） 极大（5x）

  样式 无 圆角 圆形 方形

 取消 保存

 [在线体验](https://try.dxpr.com)

可审计的安全。

每个页面都是普通的 Drupal 内容，具备修订、权限和内容审核机制。

#### 一个设置，切换标签页样式

在默认、现代和手风琴之间切换。

标签页

常规

  样式 默认 现代 手风琴

 取消 保存

 [在线体验](https://try.dxpr.com)

概览

一个团队负责规划、搭建和运营您的站点，从第一次工作坊到年度回顾。

价格

每个阶段都是固定费用，开工前就已约定好，不会有按小时计费的意外。

支持

问题会在一个工作日内得到答复，答复者正是搭建您站点的人。

 概览服务范围 价格分阶段固定费用 支持一天内获得帮助

#### 用进度展示成果

编辑进度条和圆形计数器。

进度条

常规

  元素 进度条 圆形计数器

  进度 64%

  填充色 主题基础色 主题强调色 绿色 红色 琥珀色

条纹

  为进度条添加条纹图案  条纹动画（需启用条纹图案）

 百分比 82%

  前景色 主题基础色 主题强调色 绿色 红色 琥珀色

  前景宽度 10

 取消 保存

 [在线体验](https://try.dxpr.com)

已迁移页面

已迁移

82%

按期

- [找到合适的图标](#element-demos-icons)

    搜索数千个图标，再调整大小和形状。
- [一个设置，切换标签页样式](#element-demos-tabs)

    在默认、现代和手风琴之间切换。
- [用进度展示成果](#element-demos-progress)

    编辑进度条和圆形计数器。

元素动画

现成的图标集

版块与行

每行 1 至 12 列

提示框

始终适配移动端

导语段落

任意版块中的标签页

锁定内容编辑

滑块与轮播

按钮与行动号召

可嵌入的 Google 地图

与团队共享模板

按 Drupal 角色限制元素

主流社交媒体链接

视频元素

## 您的 Drupal，您的工作流。

让您的团队在已经信赖的 Drupal 平台内，用更好的方式搭建页面。

### 原生于 Drupal。
设计使然。

您的内容、组件和编辑管控本就应该在一起。DXPR Builder 在您的 Drupal 站点内部运行，背后是您现有的团队和系统。选择一个主题，查看对应的 Drupal 界面。

- [沿用 Drupal 角色与权限](#drupal-integration-roles)

    按角色授予“Edit with DXPR Builder”权限。Site Builder、Content Administrator 和 Content editor 等角色，在管理 Drupal 其余部分的同一套权限模型内搭建页面。
- [通过审核工作流发布](#drupal-integration-workflows)

    在编辑页面的修订日志旁更改审核状态。DXPR Builder 页面和任何 Drupal 内容一样，在草稿、已发布和未发布之间流转。
- [从完整修订历史中还原](#drupal-integration-revisions)

    每次 DXPR Builder 保存都会记入 Drupal 修订版本，可对比，也可还原。无需重建，即可回滚活动页。
- [就地编辑每个翻译](#drupal-integration-translations)

    首页仍是同一个节点，已发布英文、中文和西班牙文版本。每个翻译都在同一个多语言内容模型中编辑。
- [随处复用自定义区块](#drupal-integration-blocks)

    在元素选择器中打开 Drupal 区块，放入 Blog header、Footer、Media Kit 或 Newsroom。开发者创建的区块可直接用于 DXPR Builder 页面。
- [放置您的 Drupal Views](#drupal-integration-views)

    使用 Drupal 站点已有的内容。在元素选择器中选一个现有的 View，从最新博客文章到即将举行的活动列表都可以。

#### 沿用 Drupal 角色与权限

按角色授予“Edit with DXPR Builder”权限。Site Builder、Content Administrator 和 Content editor 等角色，在管理 Drupal 其余部分的同一套权限模型内搭建页面。

#### 通过审核工作流发布

在编辑页面的修订日志旁更改审核状态。DXPR Builder 页面和任何 Drupal 内容一样，在草稿、已发布和未发布之间流转。

#### 从完整修订历史中还原

每次 DXPR Builder 保存都会记入 Drupal 修订版本，可对比，也可还原。无需重建，即可回滚活动页。

#### 就地编辑每个翻译

首页仍是同一个节点，已发布英文、中文和西班牙文版本。每个翻译都在同一个多语言内容模型中编辑。

#### 随处复用自定义区块

在元素选择器中打开 Drupal 区块，放入 Blog header、Footer、Media Kit 或 Newsroom。开发者创建的区块可直接用于 DXPR Builder 页面。

#### 放置您的 Drupal Views

使用 Drupal 站点已有的内容。在元素选择器中选一个现有的 View，从最新博客文章到即将举行的活动列表都可以。

要面向多个市场发布内容？了解 [DXPR 多语言 Drupal](/localization)。Drupal 架构复杂？[联系销售](/contact)。

**面向法律、国防和医疗基础设施团队**

## AI 政策严格？
照样使用 DXPR Builder。

通过兼容的智能体，配合 DXPR 智能体技能，使用您已批准的私有模型来创建页面并处理批量更新。关闭 DXPR Builder 内置的 AI 功能，让团队在其可视化编辑器中审阅并完善结果。

[了解私有模型工作流 →](/drupal-agent-skills#private-models)

## 关于 Drupal 页面构建器，您的疑问一次解答。

## DXPR Builder 会取代 Drupal Layout Builder 吗？

不会，两者可以配合使用。DXPR Builder 以文本字段格式化器的形式运行，因此您可以把 DXPR Builder 字段放进现有的 Layout Builder 布局中。Layout Builder 继续掌控页面的整体结构，编辑人员则在字段内以可视化方式搭建。[对比 DXPR Builder 与 Layout Builder。](/compare-dxpr/drupal-layout-builder)

## DXPR Builder 与 Drupal Canvas 有何不同？

Canvas 是一个贡献模块形式的可视化构建器，用组件库拼装页面，组件通常由开发者构建和维护。DXPR Builder 自带现成的页面元素，营销人员第一天就能上手，并且可与您现有的 Layout Builder 页面配合使用。Canvas 的文档说明各翻译共用同一个布局；DXPR Builder 则让每种语言拥有自己的布局。[阅读完整的 Canvas 对比。](/compare-dxpr/drupal-canvas)

## DXPR Builder 支持哪些 Drupal 版本和主题？

DXPR Builder 支持 Drupal 10 和 Drupal 11，无需核心补丁。它适用于任何主题，包括您当前使用的主题，与免费的 DXPR Theme 搭配尤其合适。像安装其他 Drupal 模块一样，用 Composer 安装即可。[下载 DXPR Builder](https://www.drupal.org/project/dxpr_builder)。

## DXPR Builder 免费吗？

免费，适用于小型网站。DXPR Builder 和 AI 在 Personal 版中免费，无需信用卡，不限时长。需要更多容量或团队支持时，再选择付费方案。[查看免费版详情和付费选项。](/zh-hans/pricing)

## 如果我们不再使用 DXPR，页面会怎么样？

页面依然在线。DXPR Builder 把内容以标准的 Bootstrap HTML 存放在您的 Drupal 字段中，页面的显示并不依赖订阅。取消订阅后，页面保持发布状态，仍可在 Drupal 中作为 HTML 编辑。即使卸载模块，内容也仍保留在您的数据库中。

## DXPR Builder 生成的 HTML 具备无障碍性吗？

DXPR Builder 输出标准的 Bootstrap 5 HTML。文本使用真正的标题层级和列表，标签页和折叠面板带有 ARIA 角色和状态，图片元素提供替代文本字段。已发布页面的无障碍程度仍取决于您的内容、颜色和主题，因此请在审核流程中加入无障碍检查。

## 每种语言可以有自己的页面布局吗？

可以。DXPR Builder 与 Drupal 的内容翻译配合使用，每个翻译都有自己的 DXPR Builder 内容。区域团队可以为本地市场调整文字、图片和布局，包括从右到左书写的语言，AI 也可以起草译文供审阅。[了解多语言 Drupal。](/localization)

## DXPR Builder 由哪些 AI 模型驱动？能否关闭 AI？

DXPR Builder 的 AI 运行在 DXPR 的 Kavya 模型上，请求会被路由到 OpenAI、Anthropic、Google Gemini、Mistral AI 或 xAI；欧盟模型则把文本路由到位于法国的 Mistral AI。管理员可以设置提供商的顺序、限制编辑人员可使用的模型，并关闭 AI 功能。没有 AI，可视化编辑器同样可用。[了解 AI 页面构建。](/ai)

## Drupal 赋予您企业级的能力，DXPR 赋予您的团队企业级的速度。

您不是 Drupal 开发者，也不是网页设计师。有了 DXPR，您无需成为其中任何一位。

[在线体验](https://try.dxpr.com)

[查看价格](/zh-hans/pricing)

**适用于任何主题**
您的主题，或 DXPR Theme

**轻松自助搭建**
无需排工单队列

**所见即所得**
直接编辑线上页面