---
url: 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/editing/inline-text-editing'
title: 'ページ上でのテキスト編集 | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T14:20:24+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: '設定ダイアログを開かずに、ページ上で直接テキストを入力・書式設定できます。Text、Alert、Block quoteエレメントのテキストをクリックすると、小さなツールバーが上に表示されます。文言や書式のちょっとした変更に使います。例では1語を太字にし、段落に1文追加しています。'
tags:
  - 'Edit a page'
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: ページ上でのテキスト編集
      description: '設定ダイアログを開かずに、ページ上で直接テキストを入力・書式設定できます。Text、Alert、Block quoteエレメントのテキストをクリックすると、小さなツールバーが上に表示されます。文言や書式のちょっとした変更に使います。例では1語を太字にし、段落に1文追加しています。'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T14:20:24+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/editing/inline-text-editing'
      articleSection: ページを編集
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ja/hc/documentation/learn-dxpr-builder/editing/inline-text-editing'
      description: '設定ダイアログを開かずに、ページ上で直接テキストを入力・書式設定できます。Text、Alert、Block quoteエレメントのテキストをクリックすると、小さなツールバーが上に表示されます。文言や書式のちょっとした変更に使います。例では1語を太字にし、段落に1文追加しています。'
      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/build) /[ページを編集](/ja/hc/documentation/learn-dxpr-builder/editing) # ページ上でのテキスト編集.

 DXPR Builderを学ぶページを作るページを編集

   ## このガイドの内容

 関連ガイド

- [エレメントのMoreメニューの使い方](/ja/hc/documentation/learn-dxpr-builder/editing/context-menus)
- [変更の取り消しとやり直し](/ja/hc/documentation/learn-dxpr-builder/editing/undo-redo)
- [AIでテキストを書き換える](/ja/hc/documentation/learn-dxpr-builder/ai/text-commands)

設定ダイアログを開かずに、ページ上で直接テキストを入力・書式設定できます。Text、Alert、Block quoteエレメントのテキストをクリックすると、小さなツールバーが上に表示されます。文言や書式のちょっとした変更に使います。例では1語を太字にし、段落に1文追加しています。

  ## ページ上でのテキスト編集

1. ページ上のテキストをクリックします。編集ツールバーが上に表示されます。
2. 語をダブルクリックして選択し、ツールバーの**Bold**をクリックします。
3. 語句を足したい場所をクリックして入力します。
4. テキストの外側をクリックして編集を終わります。
5. ツールバーの**Save**をクリックして、ページを保存します。

ボタンのラベルやプログレスバーのラベルも、ツールバーなしでその場で変わります。

## ツールバーのボタン

ツールバーに表示されるボタンは、ユーザープロファイルで決まります。以下はツールバーが持ちうるすべてのボタンで、ツールチップの名前順です。

| ボタン | 内容 |
|---|---|
| **Bold**、**Italic**、**Underline**、**Strikethrough** | 選択した語句を強調します |
| **Remove Format** | 選択範囲の書式を消去します |
| **Heading** | 段落を見出しに、または見出しを段落に戻します |
| **Styles** | テーマのテキストスタイルを適用します |
| **Font Size**、**Font Color**、**Font Background Color** | 選択した語句のサイズと色 |
| **Align left**、**Align center**、**Align right**、**Justify** | 段落の配置 |
| **Bulleted List**、**Numbered List** | 段落をリストにします |
| **Link** | リンクの追加や編集 |
| **Insert image**、**Insert table** | テキスト内に画像や表を入れます |
| **Source** | HTMLを表示し、直接編集します |
| **Undo**、**Redo** | このテキスト内で1つ戻る・進む |

AI設定済みの場合、ツールバーの先頭に2つのボタンが付きます。**AI Agent**は選択したテキストを書き換えるコマンド一覧、**Tone of voice**は選んだトーンでの書き換えです。[AI text commands](/ja/hc/documentation/learn-dxpr-builder/ai/text-commands)をご覧ください。

## 他の場所からのテキストの貼り付け

WordやWebページから貼り付けたテキストは、独自の色やフォントを含め書式を保持します。語句だけを貼り付けるには、Ctrl+Shift+Vキー（MacではCmd+Shift+Vキー）を押します。画像はテキスト内に貼り付けず、Imageエレメントで追加します。

## 表示内容

編集中はツールバーがテキスト上に浮かびます。変更はすぐに反映され、訪問者の見た目そのままです。外側をクリックするとツールバーが閉じ、**Save**ボタンのドットがページに未保存の変更があることを示します。

## ツールバーが表示されない場合

- **テキストをクリックしても何も起きない。** ページがPreviewモードで、テキストを編集できません。DXPRツールバーの目アイコンをクリックして**Edit**を選びます。
- **必要なボタンがない。** ユーザープロファイルに含まれていません。管理者が**Text editor buttons (inline editing)**（`/admin/dxpr_studio/dxpr_builder/profile`）でチェックします。[テキストエディターのカスタマイズ](/ja/hc/documentation/learn-dxpr-builder/customization/text-editor)をご覧ください。
- **再読み込み後に変更が消えている。** テキストの外側のクリックではページは保存されません。離れる前にDXPRツールバーの**Save**をクリックします。
- **貼り付けたテキストがページの他と違って見える。** 独自のスタイルを持ち込んでいます。Ctrl+Zキーを押してから、Ctrl+Shift+Vキーでもう一度貼り付けます。

## 次のステップ

- [エレメントのMoreメニューの使い方](/ja/hc/documentation/learn-dxpr-builder/editing/context-menus)：エレメント全体のコピー、複製、移動、削除を行います。
- [取り消しとやり直し](/ja/hc/documentation/learn-dxpr-builder/editing/undo-redo)：変更を1つずつ戻ります。
- [AI text commands](/ja/hc/documentation/learn-dxpr-builder/ai/text-commands)：選択したテキストを書き換え、短縮、翻訳します。