ichord / At.js

Add Github like mentions autocomplete to your application.
http://ichord.github.com/At.js
MIT License
5.3k stars 671 forks source link

Using with the new ckeditor 5 #518

Open philippejadin opened 7 years ago

philippejadin commented 7 years ago

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

oliverguenther commented 6 years ago

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.

philippejadin commented 6 years ago

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.

Rainnerz commented 5 years ago

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