[D10] - codemirror support for both ckeditor4 and ckeditor5

blocked on #3362797: ckeditor 4 and ckeditor 5 support simultaneously?

perhaps the easiest way would be to fork the 2.x version of this project into a ckeditor4_codemirror project and install both this module for ck5 and the forked one for ck4 at the same time.

This would be the easiest thing to try first! I will try this soon hopefully!

I'll get to this hopefully in the next 72 hours

https://www.drupal.org/project/ckeditor4_codemirror/releases/1.0.0-alpha1

it's working but I'll polish it up soon, needs likely manual path renames and path fixing for the libraries

Drupalcon 2023 contribution, ckeditor4_codemirror

see patch

Might also need something in site-wxt, hoping @smulvih2 can review this.

Hmm, this isn't quite ready, when using ckeditor 5 and ckeditor 4 at the same time and installing ckeditor4_codemirror ^1 and ckeditor_codemirror ^3 , ckeditor5 will crash and not load, some js errors, some sort of conflict to resolve.

and

#3362797: ckeditor 4 and ckeditor 5 support simultaneously?

ckeditor4_codemirror is working well for us, I updated the installation instructions on the project page.

I will have to double check again to see how well it's working in harmony with ckeditor 5

ok so I just re-tested ckeditor4_codemirror on a wxt5/D10.0.10 site that has ckeditor 4 , I enabled the ckeditor 5, configured a new text format with ckeditor5 as a wysiwyg

both code mirror in ckeditor 4 and code mirror in ckeditor 5 are working this way.

The way to make this happen is to install and set up the ckeditor4_codemirror module according to the project page installation instructions https://drupal.org/project/ckeditor4_codemirror

This way both ckeditor4 AND ckeditor 5 are able to work correctly with code mirror no conflicts.

I forked the ck4 ckeditor_codemirror branch over into a new project, massaged everything and it's tested , success.
no conflicts with ckeditor_codemirror

Install and configure ckeditor4_codemirror

1. Download and install CKEditor4 CodeMirror module. composer require drupal/ckeditor4_codemirror

2. Install the CKEditor-CodeMirror-Plugin library

For Composer-managed Drupal installations, the recommended method is to use

the Composer Merge Plugin and this module's composer.libraries.json file. From a Composer project root:

a) Execute composer require wikimedia/composer-merge-plugin.

Add the following to the extra section of the root composer.json

file:

        "merge-plugin": {
            "include": [
                "{DOCROOT}/modules/contrib/ckeditor4_codemirror/composer.libraries.json"
            ]
        },

Note: Remember to replace {DOCROOT} with the appropriate root folder for the Drupal installation -- this is likely web or docroot or html.

c) Execute composer install (or, in some cases, composer update --lock).

d) composer require "w8tcha/ckeditor-codemirror":"*"

Post-Installation

1. Go to "Administration » Configuration » Content authoring » Text formats and editors" (admin/config/content/formats) page.
2. Click "Configure" for any text format using CKEditor as the text editor.
3. Under "CKEditor plugin settings", click "CodeMirror" and check "Enable CodeMirror source view syntax highlighting". Make sure that the current toolbar has the "Source" button. Adjust other settings as desired.
4. Scroll down and click "Save configuration".
5. Go to node create/edit page, choose the text format with CodeMirror plugin. Press the "Source" button.

@smulvih2 , I was saving my comment after you put yours in,

yes that plugin and module does the trick, no conflict!

ya whatever works, as long as it works and looks good, great :)
That merge plugin is from the ckeditor_codemirror instructions, maybe we already have something similar or that functionality is included now in composer by default, not sure.

Wow thanks @smulvih2 for the patch , I'll make a new release of ckeditor4_codemirror with patch from @smulvih2
#3380761: Require w8tcha/ckeditor-codemirror

new release coming right up

https://www.drupal.org/project/ckeditor4_codemirror/releases/1.0.1

ok this simplifies the require process, let me know how this works for you  @smulvih2 / @sylus

Ok I'll publish release 1.0.2 right away that will specify the ^1.18.5 version of the library instead of ^1.16.0

This way it should avoid a conflict when doing composer up

@sylus, ah oops ok I'll revert and re-tag, thanks for the heads up

https://www.drupal.org/project/ckeditor4_codemirror/releases/1.0.3