In order to support inline editing of text and other fields directly in the live preview, we need to make some light modifications to the UI - basically ensuring UI controls don't significantly overlap content or interfere with user interactions.

Additionally, inline editing should be fixed / extended to work with CKEditor5 out of the box, with eventual support for plaintext and other field types.

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

justin2pin created an issue. See original summary.

justin2pin’s picture

Title: Refactor for inline editing » Support inline editing with CKEditor5

alison’s picture

Hi! If I wanted to test this, should I try MR 46, or, which MR? Thanks!

alison’s picture

(sorry for the extra comment) And, is issue #3362776 a requirement / prerequisite for the fix(es) on this issue (#3426739)?
#3362776: Inline text editor not working

  • justin2pin committed 11a6fd7d on 2.1.x
    Issue #3426739: Support inline editing with CKEditor5
    
justin2pin’s picture

Status: Needs review » Fixed

Support for inline editing is being deprecated from Mercury Editor and is moving to a separate module -- stay tuned for more information on that release. MR46 adds interface refinements that minimize component controls so that inline editing is more accessible once turned on. Marking as fixed, will update this issue once the new contrib module is available.

justin2pin’s picture

Title: Support inline editing with CKEditor5 » Deprecate inline editing submodule

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

khaldoon_masud’s picture

StatusFileSize
new21.98 KB
new436.16 KB

The change in this is creating nested contextual links and hiding up,down, edit, duplicate and delete buttons.
see https://www.drupal.org/files/issues/2024-12-12/mercury-contextual-links.png

line 132 in web/modules/contrib/mercury_editor/mercury_editor.module
$variables['controls']['label']['#suffix'] = '';
$variables['controls']['delete_link']['#suffix'] = '';

Removing above lines fixes the issue.

You can see the HTML structure in https://www.drupal.org/files/issues/2024-12-12/nested-reveal-on-hover.png