Problem/Motivation

As a content admin, I want to be able to have as much control and as many editing features as possible within the WYSIWYG so that it is easier for me to create nicely designed pages quickly.

Proposed resolution

Install and configure the CKEditor Plug In Pack

Enable CKEditor 5 Plugin Pack
Provides common functions for other modules in the Plugin Pack.

Enable CKEditor 5 Full-screen Mode
Provides a plugin to maximize the editor window.

Enable CKEditor 5 Find And Replace
Provides the CKEditor 5 Find and Replace plugin.

Enable CKEditor 5 Premium Features
Provides general configuration and authentication used by all CKEditor 5 Premium Features.

Enable CKEditor 5 WProofreader
Provides free access to the CKEditor 5 WProofreader plugin. Requires the CKEditor 5 Premium Features module to work.

Enable CKEditor 5 Premium Features WProofreader
Provides general configuration and authentication used by all CKEditor 5 Premium Features.

  • Hook update to enable and auto configure

#3462267: Add CKEditor(5) Emoji module to CKEditor 5 in Varbase Editor and enable it by default

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ✅ Developer Documentation support on feature change/addition
    Added CKEditor 5 Plugin Pack to Varbase Editor Doc page
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ✅ Code review from 1 Varbase core team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes and Update Helper on new feature change/addition
  • ✅ Release varbase-10.0.1, varbase_editor-10.0.2, varbase_editor-10.0.3

Varbase update type

  • ➖ No Update
  • ➖ Optional Update
  • ✅ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

Before the update
Before the update

After the update
Varbase Editor - Rich Editor - text format - after update

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Issue #3460065 by n.ghunaim: Added CKEditor Plug-in Pack module and enable the fullscreen, find and replace, show blocks, and wproof reader plugins
CommentFileSizeAuthor
#30 Edit-Blog-post-Why-Varbase-The-Ultimate-Drupal-Distribution-for-Accelerated-Development-dev-v10x3.png195.38 KBrajab natshah
#22 varbase10x1--varbase_editor--html_code.png105.38 KBrajab natshah
#22 varbase10x1--varbase_editor--simple-text.png148.82 KBrajab natshah
#22 varbase10x1--varbase_editor--rich-text.png171.53 KBrajab natshah
#15 Edit-Basic-page-Test-varbase10x1ckeditor5pack--after-the-update2.png41.57 KBrajab natshah
#15 Edit-Basic-page-Test-varbase10x1ckeditor5pack--before-the-update2.png38.47 KBrajab natshah
#11 Edit-Basic-page-Test-varbase10x1ckeditor5pack--after-the-update.png311.78 KBrajab natshah
#11 Edit-Basic-page-Test-varbase10x1ckeditor5pack--before-the-update.png309.41 KBrajab natshah

Issue fork varbase_editor-3460065

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:

About issue forks

Comments

n.ghunaim created an issue. See original summary.

n.ghunaim opened merge request !11

n.ghunaim’s picture

n.ghunaim commented

Please note that we need to add this patch too to make the CKEditor5 work as expected: 

"drupal/ckeditor5_premium_features": {
        "Issue #3455574: plugincollection-plugin-not-loaded when upgraded to 1.2.9": "https://git.drupalcode.org/project/ckeditor5_premium_features/-/merge_requests/6.diff"
}
rajab natshah’s picture

rajab natshah
he/him
commented

Any needed patch can be added to vardot/varbase-patches .
Only file an issue to add the patch to Varbase Patches

Issue #3437217: Switched to a local patching system using vardot/varbase-patches and cweagans/composer-patches "~2" within Varbase

Added to Varbase Docs
rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes
Status: Active » Needs work

Needs a hook update to enable and auto configure

n.ghunaim’s picture

n.ghunaim commented

Created issue to add the patch please check: https://github.com/Vardot/varbase-patches/issues/59

n.ghunaim’s picture

n.ghunaim commented
Status: Needs work » Needs review
rajab natshah’s picture

rajab natshah
he/him
commented
Title: Install and Enable the CKEditor Plug-in Pack » Add CKEditor Plug-in Pack module and enable the fullscreen, find and replace, show blocks, and wproof reader plugins
rajab natshah’s picture

rajab natshah
he/him
commented
Status: Needs review » Needs work
rajab natshah’s picture

rajab natshah
he/him
commented
Status: Needs work » Needs review
rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes
StatusFileSize
new Edit-Basic-page-Test-varbase10x1ckeditor5pack--before-the-update.png309.41 KB
new Edit-Basic-page-Test-varbase10x1ckeditor5pack--after-the-update.png311.78 KB
rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes
rajab natshah’s picture

rajab natshah
he/him
commented
Related issues: +#3455574: Fix plugincollection-plugin-not-loaded when upgraded to 1.2.9
rajab natshah’s picture

rajab natshah
he/him
commented
Related issues: +#3465033: Fix not saving addItemToToolbar recipe action for divider | (vertical separator) or wrapping - items to CKEditor 5

Facing the following #3465033: Fix not saving addItemToToolbar recipe action for divider | (vertical separator) or wrapping - items to CKEditor 5

rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes
StatusFileSize
new Edit-Basic-page-Test-varbase10x1ckeditor5pack--before-the-update2.png38.47 KB
new Edit-Basic-page-Test-varbase10x1ckeditor5pack--after-the-update2.png41.57 KB

  • Rajab Natshah committed cd97013e on 10.0.x 
    Issue #3460065: Add CKEditor Plug-in Pack module and enable the...
rajab natshah’s picture

rajab natshah
he/him
commented
Related issues: +#3431330: Add a dedicated config action to add a button plugin and settings into the active toolbar for a CKEditor 5 editor, +#3437217: Switch to a local patching system using vardot/varbase-patches and cweagans/composer-patches ~2 within Varbase

  • Rajab Natshah committed 0998d58c on 10.0.x 
    Issue #3460065: Add CKEditor Plug-in Pack module and enable the...
rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes

  • Rajab Natshah committed d88d94ca on 10.0.x 
    Issue #3460065: Add CKEditor Plug-in Pack module and enable the...
rajab natshah’s picture

rajab natshah
he/him
commented
StatusFileSize
new varbase10x1--varbase_editor--rich-text.png171.53 KB
new varbase10x1--varbase_editor--simple-text.png148.82 KB
new varbase10x1--varbase_editor--html_code.png105.38 KB
rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes
Status: Needs review » Fixed
Issue tags: +varbase-10.0.1, +varbase_editor-10.0.2
rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes

✅ Released varbase_editor-10.0.2

rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes

  • Rajab Natshah committed bb5cf420 on 10.0.x 
    Issue #3460065: Add CKEditor Plug-in Pack module and enable the...
rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes
Issue tags: +varbase_editor-10.0.3

✅ Released varbase_editor-10.0.3

Status: Fixed » Closed (fixed)

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

rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes

✅ Released varbase-10.0.1

rajab natshah’s picture

rajab natshah
he/him
commented
Issue summary: View changes
StatusFileSize
new Edit-Blog-post-Why-Varbase-The-Ultimate-Drupal-Distribution-for-Accelerated-Development-dev-v10x3.png195.38 KB