---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installing-on-existing-content-types'
title: '在内容类型上使用 DXPR Builder | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:50:22+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  把已有的内容类型变成可视化搭建的页面。您把长文本字段（如 Body）的显示切换为 DXPR Builder 格式。之后该类型的每条内容都向编辑人员显示构建器。本页用于已有站点；新建DXPR CMS 站点的内容类型已设好。
  本视频把某内容类型的 Body 字段切换到 DXPR Builder。
tags:
  - 'Install and update'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: '在内容类型上使用 DXPR Builder'
      description: |-
        把已有的内容类型变成可视化搭建的页面。您把长文本字段（如 Body）的显示切换为 DXPR Builder 格式。之后该类型的每条内容都向编辑人员显示构建器。本页用于已有站点；新建DXPR CMS 站点的内容类型已设好。
        本视频把某内容类型的 Body 字段切换到 DXPR Builder。
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:50:22+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@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'
      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'
      mainEntityOfPage: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installing-on-existing-content-types'
      articleSection: 安装与更新
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installing-on-existing-content-types'
      description: |-
        把已有的内容类型变成可视化搭建的页面。您把长文本字段（如 Body）的显示切换为 DXPR Builder 格式。之后该类型的每条内容都向编辑人员显示构建器。本页用于已有站点；新建DXPR CMS 站点的内容类型已设好。
        本视频把某内容类型的 Body 字段切换到 DXPR Builder。
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 首页
            item: 'https://dxpr.com/zh-hans'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
[帮助中心](/zh-hans/node/75)/[文档](/zh-hans/hc/documentation) /[学习 DXPR Builder](/zh-hans/hc/documentation/learn-dxpr-builder) /[从这里开始](/zh-hans/hc/documentation/learn-dxpr-builder/start-here) /[安装与更新](/zh-hans/hc/documentation/learn-dxpr-builder/start-here/install) # 在内容类型上使用 DXPR Builder.

 学习 DXPR Builder从这里开始安装与更新

   ## 本指南内容

 相关指南

- [构建您的第一个页面](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/first-page)
- [选择每个角色在构建器中看到的内容](/zh-hans/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)

把已有的内容类型变成可视化搭建的页面。您把长文本字段（如 **Body**）的显示切换为 **DXPR Builder** 格式。之后该类型的每条内容都向编辑人员显示构建器。本页用于已有站点；新建[DXPR CMS](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms) 站点的内容类型已设好。

本视频把某内容类型的 Body 字段切换到 DXPR Builder。

  ## Before you start

- DXPR Builder 已安装并配置产品密钥([安装 DXPR Builder](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installation)）。
- 您可以管理内容类型，例如以管理员身份。

## 在内容类型上使用 DXPR Builder

以下步骤使用内容类型已有的长文本字段，如默认 **Body** 字段。没有则[先添加 DXPR Builder 字段](#add-a-dxpr-builder-field)。

1. 前往 **Structure** > **Content types**。
2. 打开您的内容类型旁的菜单，点击 **Manage display**。
3. 如果打开视图模式总览，点击 **Default** 的 **Manage**。
4. 将文本字段的 **Format** 从 Default 改为 **DXPR Builder**。
5. Click **Save**.
6. 创建该类型的内容并输入 **Title**。
7. Click **Save**.
8. 悬停内容区，出现 DXPR Builder 工具栏。

## 添加 DXPR Builder 字段

内容类型尚无长文本字段时添加字段。

1. 前往 **Structure** > **Content types**，点击您的内容类型的 **Manage fields**。
2. Click **Create a new field**.
3. 选择 **Formatted text**，再选择 **Long text**。旧版 Drupal 称它为 **Text (formatted, long)**。
4. 输入 **Label**，如 "Event details"，点击 **Continue**。
5. Click **Save**.

然后按上面第 2 到 5 步将其 **Format** 设为 **DXPR Builder**。

## 在编辑表单隐藏字段

DXPR Builder 自带的内容类型在编辑表单隐藏构建器字段，编辑人员只在构建器中修改。要在您的类型上同样处理：

1. 打开您的内容类型的 **Manage form display**。
2. 把构建器字段拖入 **Disabled** 分区。
3. Click **Save**.

## What you see

该类型的内容在字段处打开构建器。新建条目显示带 **Add Elements** 的空白构建器。没有 **Edit with DXPR Builder** 权限的编辑和访客看到渲染后的页面，没有控件。

一个内容类型可以有多个构建器字段。页面上每个字段各有一个构建器，每个可编辑区一个。

该格式适用于任何实体类型的 **Short text**、**Long text** 和 **Long text with summary** 字段。包括自定义区块类型；`dxpr_builder_block` 添加现成的 **Drag and Drop Block** 类型。

## Settings

| 设置 | 作用 | 默认值 |
|---|---|---|
| **Editing Profile**（格式旁的齿轮图标） | 选择为该字段设置元素、区块、视图和编辑器按钮的用户档案 | **Default (Role-based Profile)**：每位编辑获得其角色的档案 |

## If you don't see the builder

- **Format 列表没有 DXPR Builder 选项。** 该字段不是格式化文本字段。请按上文添加 **Long text** 字段并使用它。
- **Manage display 显示 Manage layout 按钮但没有 Format 列。** 显示使用了 Layout Builder。请点击 **Manage layout**，配置字段的区块并将其 **Formatter** 设为 **DXPR Builder**。
- **内容中字段显示为纯文本。** 格式设在了另一个视图模式。请设在 **Default** 上，或页面使用的视图模式上。
- **某编辑看不到控件。** 该编辑的角色缺少 **Edit with DXPR Builder** 权限。请到 **People** > **Permissions** (`/admin/people/permissions`) 授予。

## What's next?

- [搭建您的第一页](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/first-page)：给新内容添加版块、行和元素。
- [用户档案](/zh-hans/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)：决定各角色在构建器中看到什么。
- [编辑工具](/hc/documentation/learn-dxpr-builder/editing)：构建器中的每个控件。