---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/integrations/ckeditor'
title: 'CKEditorテキストエディター | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:21:28+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'DXPR Builderはすべての書式付きテキストにCKEditor 5を使います。このページでは、エディターの表示場所、既定のボタン、管理者による変更方法を説明します。ツールバーはDrupalのテキストフォーマットではなく、DXPR Builder由来です。'
tags:
  - 'Connect Drupal features'
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: CKEditorテキストエディター
      description: 'DXPR Builderはすべての書式付きテキストにCKEditor 5を使います。このページでは、エディターの表示場所、既定のボタン、管理者による変更方法を説明します。ツールバーはDrupalのテキストフォーマットではなく、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-24T14:21:28+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/ja/hc/documentation/learn-dxpr-builder/integrations/ckeditor'
      articleSection: Drupal機能との連携
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/integrations/ckeditor'
      description: 'DXPR Builderはすべての書式付きテキストにCKEditor 5を使います。このページでは、エディターの表示場所、既定のボタン、管理者による変更方法を説明します。ツールバーはDrupalのテキストフォーマットではなく、DXPR Builder由来です。'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: ホーム
            item: 'https://dxpr.com/ja'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ja
---
[ヘルプセンター](/ja/node/75)/[ドキュメント](/ja/hc/documentation) /[DXPR Builderを学ぶ](/ja/hc/documentation/learn-dxpr-builder) /[サイト管理](/ja/hc/documentation/learn-dxpr-builder/manage) /[Drupal機能との連携](/ja/hc/documentation/learn-dxpr-builder/integrations) # CKEditorテキストエディター.

 DXPR Builderを学ぶサイト管理Drupal機能との連携

   ## このガイドの内容

 関連ガイド

- [ページ上でのテキスト編集](/ja/hc/documentation/learn-dxpr-builder/editing/inline-text-editing)

DXPR Builderはすべての書式付きテキストにCKEditor 5を使います。このページでは、エディターの表示場所、既定のボタン、管理者による変更方法を説明します。ツールバーはDrupalのテキストフォーマットではなく、DXPR Builder由来です。

## エディターの表示場所

| 編集場所 | ツールバー |
|---|---|
| **Text**、**Block quote**、**Alert**のページ上 | インラインツールバー |
| 設定ダイアログ内の書式付きテキストフィールド | ボタン多めのモーダルツールバー |
| ページ上のボタンラベルとプログレスバーラベル | ツールバーなし。その場でプレーンテキストを入力します |
| ページ上のタブサブタイトル | **Bold**と**Italic**のみ |

テキストをクリックして開始します。[ページ上でのテキスト編集](/ja/hc/documentation/learn-dxpr-builder/editing/inline-text-editing)をご覧ください。

## 既定のツールバー

既定では[ユーザープロファイル](/ja/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin)なしの編集者には以下のボタンが付きます。

| ツールバー | ボタン |
|---|---|
| インライン | Bold、Italic、Remove format、見出し一覧、Styles、箇条書きと番号付きリスト、Link、Image、Table、Undo、Redo |
| モーダル | インライン一式に加え、Underline、Strike through、Superscript、Subscript、Text color、Font size、4種の配置、Outdent、Indent、Block quote、Horizontal rule、Character map、Source code、Show blocks |

見出し一覧はNormal、Heading 1からHeading 6、Preformatted、Address、Normal (Div)です。

## ボタンの変更

ユーザープロファイルは、対象ロールの両ツールバーを設定します。**DXPR Studio** > **DXPR Builder** > **User Profiles**（`/admin/dxpr_studio/dxpr_builder/profile`）を開き、プロファイルを編集して**Text editor buttons (inline editing)**と**Text editor buttons (modal editing)**でボタンにチェックします。空の一覧は上記の既定ツールバーのままです。

ドロップダウン**Styles**には、**Custom styles**で列挙したスタイルが表示されます。そのボックスは[一般設定](/ja/hc/documentation/learn-dxpr-builder/admin/general-settings)にあります。形式は[テキストエディター](/ja/hc/documentation/learn-dxpr-builder/customization/text-editor)をご覧ください。

## AIボタン

条件は**Enable text editing assistant**に**DXPR Studio** > **DXPR Builder** > **AI**でチェックがあることで、ツールバーは**AI Assistant**と**AI Tone of Voice**から始まります。プロファイルでは他のボタンと同様に外せます。[AI text commands](/ja/hc/documentation/learn-dxpr-builder/ai/text-commands)をご覧ください。

## ボタンが表示されない場合

- **ツールバーにボタンがない。** ロールのユーザープロファイルでチェックされていません。プロファイルのテキストエディターボタンでチェックします。
- **AIボタンがない。** テキスト編集アシスタントがオフか、プロファイルでボタンが外れています。**Enable text editing assistant**に`/admin/dxpr_studio/dxpr_builder/ai_settings`でチェックします。
- **テキストフォーマットを変えてもツールバーが変わらない。** DXPR BuilderはDrupalテキストフォーマットのCKEditor設定を無視します。代わりにユーザープロファイルを使います。

## 次のステップ

[CKEditorツールバーを使ったページ上でのテキスト編集](/ja/hc/documentation/learn-dxpr-builder/editing/inline-text-editing)で引き続きDXPR Builderを探索します。