We have recently updated our angular app from version 11 to version 12. In our app we also have CKEditor version 4.11.2 and for various Business related reasons we are unable to upgrade this.

Since the Angular upgrade the add link function in CKEditor is not working, when clicking OK no link is added and then the cursor move back to the beginning of the text.

My colleague has spent a lot of time trying to resolve the issue and has discovered that the ranges array that should contain the nodes and also have add the new (link) node added to is always empty.

She has also added the following code:

var range = c.createRange();
range.selectNodeContents( c.editable() );
if(!range.collapsed) range.collapse();
if(g.length == 0) g = [range];

Which does successfully add the link to the text but only at the top or the bottom of the text instead of the correct position.

Any help with this would be appreciated.