Skip to content

Document inline text editing and Typography section in GrapesJS Builder#755

Open
promptless-for-oss wants to merge 118 commits into
mautic:7.1from
Promptless:promptless/inline-ckeditor-grapesjs
Open

Document inline text editing and Typography section in GrapesJS Builder#755
promptless-for-oss wants to merge 118 commits into
mautic:7.1from
Promptless:promptless/inline-ckeditor-grapesjs

Conversation

@promptless-for-oss

Copy link
Copy Markdown

Open this suggestion in Promptless to view citations and reasoning process

Documents GrapesJS Builder text editing capabilities introduced in PR #15839 and Typography section re-enabled in PR #16098.

Changes

builders/email_landing_page.rst

  • New section: Editing text - Documents the inline text editing experience with formatting options
  • New section: Typography - Documents the Typography panel in the Style Manager for styling text Components (font family, size, weight, color, line height, text align, text shadow)
  • Updated: Custom fonts - Now nested under Typography section

Context

PR #15839 introduced inline CKEditor for text editing directly on the canvas. PR #16098 re-enabled the Typography section in the Style Manager and added alignment/list tools to the inline toolbar. These features are especially useful for legacy Themes that lack modern styling flexibility.

Trigger Events


Tip: Assign suggestions to team members in the Promptless dashboard to claim work 👥

kuzmany and others added 30 commits May 4, 2025 23:04
* feat: rename files by appending word mautic for clarity
fix: Broken links to the outdated developer docs URL branch `7.0`
Docs: Add contributing guidelines to branch 7.0
Docs: Change Roles page link and fix a broken link in branch 7.0
adiati98 and others added 24 commits March 6, 2026 14:30
Cherry-pick: "Add documentation for contact field label modifier " to 7.0
Cherry-pick: "Added Tip to Variables for using Custom Company Fields" to 7.0
Add new 'Editing text' section explaining that GrapesJS uses inline
text editing, allowing users to edit text directly on the canvas.
Includes information about formatting options and copy/paste support
from external sources.
Add documentation for the Typography panel that was re-enabled in PR #16098.
The Typography section in the Style Manager allows users to control font
properties for selected Components, which is especially useful for legacy
Themes that lack modern styling flexibility.

With the Asset Manager is easier to organize your media files and it's enough to double click the image to change it.

Editing text

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

PR #15839 introduces CKEditor 5 inline editing in the GrapesJS Builder, enabling direct on-canvas text editing. Files: plugins/GrapesJsBuilderBundle/Controller/GrapesJsController.php, plugins/GrapesJsBuilderBundle/Model/GrapesJsBuilderModel.php

Source: mautic/mautic#15839


To learn more about creating Themes please :doc:`check the documentation</builders/creating_themes>`.

Typography

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Added Typography section documenting the Style Manager panel re-enabled in PR #16098. The PR removed code that was hiding the Typography sector, making font family, size, weight, color, line height, text align, and text shadow controls available for all components.

Source: mautic/mautic#16098

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.