DXPR Builder: Drupal向けAIビジュアルページビルダー

A visual, drag-and-drop page-building experience for Drupal websites that replaces complex back-end forms with a front-end editor built on Drupal's Entity API.

dxpr_builder

1,204 sites

drupal.org

page builder drag and drop visual editor no-code layout builder bootstrap responsive ai content creation WYSIWYG frontend editing

概要

DXPR Builderは、コーディング知識がなくてもコンテンツ作成者が美しくレスポンシブなページをデザインできる、直感的なビジュアルページ構築体験を提供します。DrupalのEntity API上に構築されており、リビジョン、翻訳、パーミッションをネイティブにサポートしています。

このモジュールは、アコーディオン、カルーセル、カウンター、マップ、動画など、30以上のドラッグ＆ドロップコンテンツ要素を備えています。アセット管理のためのDrupalのMedia Libraryと統合されており、DXAI Writing機能によるAIを活用したコンテンツ生成機能も含まれています。

DXPR BuilderはレスポンシブレイアウトのためにBootstrapグリッドシステムを使用しており、あらゆるDrupalテーマと互換性があります。管理者が異なるユーザーグループに対して利用可能な要素や機能を制御できる、ロールベースのエディタープロファイルをサポートしています。

Features

テキスト、画像、動画、アコーディオン、タブ、カルーセル、カウンター、マップなど30以上のコンテンツ要素によるビジュアルドラッグ＆ドロップページ構築
モバイル、タブレット、デスクトップでのレスポンシブレイアウトのためのBootstrapグリッドシステムサポート（Bootstrap 3、4、5）
DXAI Writing（ベータ版）- CKEditor 5でのスラッシュコマンドによるAI駆動コンテンツ生成、複数のAIプロバイダーをサポート（OpenAI、Anthropic、Google Gemini、MistralAI、XAI）
リビジョン、翻訳、パーミッションをサポートするEntity APIとの深いDrupal統合
画像とメディアアセット管理のためのMedia LibraryおよびEntity Browser統合
ユーザーロールごとに利用可能な要素、ブロック、Views、テンプレート、テキストエディターボタンを制御するロールベースのBuilder Profiles
事前構築レイアウトとカスタムテンプレート作成機能を備えたページテンプレートシステム
カスタムコンテンツブロックを保存して再利用するためのユーザーテンプレート
同時編集の競合を防ぐコンテンツロック
ユーザーシート追跡とコンテンツアイテム制限を備えたライセンス管理
Keyモジュールとの安全なAPIキーストレージ統合
Layout Builder、Views、Webform、その他のDrupalコアモジュールとの互換性

Use Cases

Marketing Landing Pages

Marketing teams can create professional landing pages without developer involvement using the visual drag-and-drop interface. Elements like hero sections, feature grids, testimonial carousels, CTAs, and contact forms can be combined to build conversion-focused pages. The Bootstrap grid ensures mobile responsiveness.

Brand-Controlled Content Creation

Administrators can create restricted Builder Profiles that limit editors to pre-approved elements, blocks, and templates. This ensures brand consistency while allowing content teams to work independently. Profiles can be assigned to specific roles like 'Content Editor' or 'Marketing Team'.

AI-Assisted Content Drafting

Content creators can use AI slash commands within the text editor (e.g., '/write a blog post about Drupal 12') for long-form content generation. The AI can research topics, generate text with citations, and adapt to custom tone of voice settings defined in taxonomies.

Multi-Site License Management

Organizations with multiple Drupal sites can manage DXPR Builder licenses centrally. The User Licenses page shows seat allocation across all sites, allowing administrators to redistribute access as needed and track which users are actively using the builder.

Template-Based Page Creation

Create page templates with pre-built layouts (homepage, about page, contact page) that content creators can select as a starting point. User templates allow individuals to save their own reusable content blocks for consistent design patterns.

Enterprise Media Management

Integrate with Drupal Media Library or Acquia DAM for centralized asset management. Content creators can browse, select, and insert images and media from the organization's approved asset library directly within the DXPR Builder interface.

Tips

Use Builder Profiles to create simplified editing experiences for different user roles - content editors may only need text and image elements while designers need full access.
Create page templates for commonly used layouts to speed up content creation and ensure design consistency.
Use the Key module integration for production sites to store API credentials securely outside of database configuration.
Set the Bootstrap version to match your theme's Bootstrap version to avoid CSS conflicts.
Configure the smooth-scroll offset selector if using a fixed header theme other than DXPR Theme.
Create taxonomy vocabularies for AI tones of voice and commands to customize AI writing assistance for your organization's needs.
Use the Content Items page to monitor which content uses DXPR Builder and counts toward license limits.

依存関係

Field 必須 Field UI 必須 Views 必須 Image 必須 Block 必須 Key

Related Projects

DXPR Theme

Provides optimized styling presets, fixed/sticky header offset handling, and color palette integration for DXPR Builder.

Key

Enables secure storage of DXPR Builder API credentials using various key providers instead of storing directly in configuration.

Media Library

Full integration with Drupal's Media Library for browsing, selecting, and inserting media assets within DXPR Builder content.

Entity Browser

Alternative media browser integration for legacy setups, allowing custom entity browser configurations.

Webform

Provides individual blocks for each Webform, enabling drag-and-drop placement of forms within DXPR Builder layouts.

Acquia DAM

Integration with Acquia DAM for enterprise digital asset management within DXPR Builder.

Layout Builder

Compatible with Drupal Layout Builder, allowing DXPR Builder fields within Layout Builder sections.

Views コア

Insert any Views display within DXPR Builder content, with support for contextual filters and display settings.

Field Group

Required by DXPR Builder Page submodule for organizing content type fields.

Technical Details

DXPR Studio /admin/dxpr_studio

The main administrative hub for DXPR Builder and related DXPR products. Provides quick access to all DXPR configuration pages.

DXPR Builder Settings /admin/dxpr_studio/dxpr_builder/settings

Configure general DXPR Builder settings including license, Bootstrap assets, media browser, text editor overrides, and experimental features.

DXPR Builder AI Settings /admin/dxpr_studio/dxpr_builder/ai_settings

Configure AI writing assistant features including AI providers, models, tone of voice vocabularies, and command vocabularies.

DXPR Builder Profile Configuration /admin/dxpr_studio/dxpr_builder/profile

Manage Builder Profiles that control which elements, blocks, views, templates, and text editor buttons are available to specific user roles.

Add DXPR Builder Profile /admin/dxpr_studio/dxpr_builder/profile/add

Create a new Builder Profile to customize available elements, blocks, views, templates, and text editor buttons for specific user roles.

DXPR Builder Page Templates Configuration /admin/dxpr_studio/dxpr_builder/page_template

Manage page templates that provide pre-built page layouts for content creators.

DXPR Builder User Templates Configuration /admin/dxpr_studio/dxpr_builder/user_templates

Manage user templates that allow saving and reusing custom content blocks.

User Licenses /admin/dxpr_studio/dxpr_builder/user_licenses

View and manage DXPR Builder user licenses, including seat usage, license limits, and multi-site license distribution.

Content Items /admin/dxpr_studio/dxpr_builder/content

View listing of content items created with DXPR Builder that count towards your license limit.

Administer DXPR Builder configuration

Allows users to access and modify all DXPR Builder settings, manage profiles, templates, and view license information.

Edit with DXPR Builder

Allows users to use the DXPR Builder drag-and-drop interface to build layouts, design content, and add dynamic components.

Administer dxpr builder profile

Allows users to create, edit, and delete DXPR Builder profiles that control available elements per role.

hook_dxpr_builder_classes

Allows modules and themes to add custom CSS utility classes to the DXPR Builder class selector dropdown.

hook_dxpr_builder_buttons_folders

Allows modules and themes to add folders containing custom button style HTML files for the button element.

DXPR Builder editor not loading

Verify the product key is entered correctly at /admin/dxpr_studio/dxpr_builder/settings. Check that the user has the 'Edit with DXPR Builder' permission. Ensure the field is using the 'DXPR Builder' formatter in the content type's display settings.

User exceeds license limits

Check the User Licenses page to see seat allocation. Either purchase additional user licenses at DXPR.com or remove the 'Edit with DXPR Builder' permission from some user accounts.

Content item limit reached

Free tier has content item limits. Upgrade your DXPR subscription to increase the limit, or edit existing content instead of creating new items.

Media Library not showing in DXPR Builder

Enable the Media Library module and configure it as the media browser at /admin/dxpr_studio/dxpr_builder/settings. Ensure users have 'view media' permission.

Bootstrap styles conflicting with theme

If your theme already includes Bootstrap, set 'Include Bootstrap files' to 'No' in DXPR Builder settings to prevent duplicate CSS/JS loading.

AI features not working

Verify AI is enabled in AI Settings. Check that a valid product key is configured. Ensure tone of voice and commands vocabularies are selected if using custom dropdowns.

The 'Administer DXPR Builder configuration' permission is restricted and should only be granted to trusted administrators as it provides access to license settings and all configuration options.
The 'Edit with DXPR Builder' permission is restricted and counts toward license usage - assign carefully based on actual editing needs.
Consider using the Key module for production environments to store API credentials securely using environment variables or external key providers.
DXPR Builder validates JWT tokens to ensure license authenticity and prevent unauthorized usage.
Content locking prevents simultaneous editing to avoid data loss from conflicting saves.