At.js icon indicating copy to clipboard operation
At.js copied to clipboard

Using with the new ckeditor 5

Open philippejadin opened this issue 7 years ago • 3 comments

Anyone has a working solution for integrating at.js and CKeditor 5?

CKeditor is really nice looking : https://ckeditor5.github.io/docs/nightly/ckeditor5/latest/examples/builds/classic-editor.html

philippejadin avatar Oct 13 '17 14:10 philippejadin

As far as I can tell, In a contenteditable mode, At.js replaces your at key with a <span class="atwho-query>(at value)</span> that it uses for reference and placement of the dropdown. In CK5, you may not freely alter the contenteditable content but must conform with the document schema behind it. This results in at.js theoretically working, but missing its positional placement (resulting in it being positioned in the top left corner of the viewport).

It should be possible to allow that hidden span anywhere in the body however. I'm currently looking into that.

oliverguenther avatar Feb 27 '18 09:02 oliverguenther

To be fair, I ended up switching to Trumbowyg and didn't regret it. At.js works out of the box with it without any issue. the approach taken by ckeditor 5 is too convoluted imho.

philippejadin avatar Feb 27 '18 09:02 philippejadin

To be fair, I ended up switching to Trumbowyg and didn't regret it. At.js works out of the box with it without any issue. the approach taken by ckeditor 5 is too convoluted imho.

How did you make this work? I am trying to use At.js with trumbowyg but I am getting issues

Rainnerz avatar Jun 30 '19 15:06 Rainnerz