Inline autocomplete

[bittu1028]

I need a plugin like fill in the blanks. Initially, the CKEditor renders it as a blank underline and when user start typing on that underline field the word suggestion should appear on that underline only like the image attached below.

---

If you'd like to see this feature implemented, add a 👍 reaction to this post.

[jswiderski]

At the moment CKEditor 5 only has https://ckeditor.com/docs/ckeditor5/latest/features/mentions.html. This feature can be configured to be used as very simple version of the autocomplete. The problem is that markers are case sensitive so using first letter as a marker will require doubling feeds for upper and lower case letters which is not ideal:

mention: {
  feeds: [

    {
                    marker: 'a',
                    feed: [ 'away', 'anyway' ],
                    minimumCharacters: 0
                },
    {
                    marker: 'A',
                    feed: [ 'Adam', 'Alfred' ],
                    minimumCharacters: 0
                },
    {
                    marker: 'b',
                    feed: [ 'baby', 'big' ],
                    minimumCharacters: 0
                },
    {
                    marker: 'B',
                    feed: [ 'Brian', 'Bono' ],
                    minimumCharacters: 0
                }
    ]
},

I'm just showing this if someone has very basic auto-complete requirement. In all other cases I recommend waiting for the real autocomplete feature.

[bittu1028]

@jswiderski the business requirement is like the above feature I mentioned. I also created a plugin which is working only for block elements but not for inline elements having cursor problems if you can take a look and put me in a right direction it would be a great for me :)

[jswiderski]

Comment from one of users:

In CKE4 we are using the plugin autocomplete, textwatcher and textmatch to integrate our functionality that allows a user to insert a snippet of text. As the snippet of text may contain placeholder variables we need to be able to intercept the inserted value and do additional processing. If all variables have been evaluated and substituted, the function outside of CKE will insert the snippet. If variables are unresolved the user is presented with a popup outside of CKE where remaining values can be provided and then inserted in CKE. The html formatting is preserved as it is possible to indicate whether the inserted text is 'text' or 'html' using the standard API editor.inserthtml(). I have mentioned HTML because inserted values can not only contain plain text but also block and inline html tags which should be processed accordingly.

[CKEditorBot]

There has been no activity on this issue for the past year. We've marked it as stale and will close it in 30 days. We understand it may be relevant, so if you're interested in the solution, leave a comment or reaction under this issue.

[dhakehurst]

Hi,
This has been open for a few years.
Is there yet an 'autocomplete' for ckeditor5.
I see various things in the code base named 'autocomplete' but nothing other than 'mentions' in the docs
(Unless of course I have missed it ;-) )
thanks