AI Assisant still apears on the CKEditor toolbar even when not present in the configuration.

Created on 6 June 2025, 27 days ago

Problem/Motivation

As I understsand it from the recent release notes, the AI Bubble should now only pop-up if the Bubble Toolbar button has been placed on the CKEditor text format definition.

I completely agree with that - great stuff.

HOWEVER, if we have place ONLY the bubble button (and not the full assistant) in the toolbar definition then I do not think we should not be seeing the assistant there. I've basically only asked for the Bubble so I should only get the bubble.

The assistant takes up valuable toolbar space and let's face it, with the Bubble active nobody is going to go up to the toolbar for their tools.

I have illustrated this below...

🐛 Bug report
Status

Active

Version

1.1

Component

AI CKEditor

Created by

🇬🇧United Kingdom SirClickALot Somerset

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

  • Issue created by @SirClickALot
  • 🇮🇳India anjaliprasannan

    I understand that the AI Balloon Menu icon appears alongside the AI Assistant menu in the toolbar when text is selected.

    To clarify your expectation: if only the AI Balloon Menu button is added to the toolbar (without the AI Assistant button), should the AI tools still be available within the AI Balloon Menu? Could you confirm if you expect the AI Balloon Menu to independently include all enabled AI tools in this scenario, or do you have a different intended behavior in mind?

  • 🇬🇧United Kingdom SirClickALot Somerset

    In the that scenario we both agree on - Bubble ONLY added the Toolbar configuration the my expectation is as illustrated in my original post, i.e. nothing appears in the toolbar in the working CKEditor but the AI options appear in the Bubble on a text selection.

  • 🇮🇳India anjaliprasannan

    I have tried implementing this and I could manage to add the ai tools settings available in the text formater. But I have a query, what if a user adds both the ai ckeditor plugin and ai balloon menu to the toolbar? They will have to add setting for both configurations. How should we handle this scenario?

  • 🇬🇧United Kingdom SirClickALot Somerset

    Hi @anjaliprasannan,

    I'm not sure what you mean by...

    ....I could manage to add the ai tools settings available in the text formater.

    But I also think we might be going down a rabbit hole here.

    Allow me to rephrase my point /requirement.

    The issue is that, when using the Bubble, the other (original) AI toolbar button is not necessary and takes up too much space in my opinion for something that I (and I suspect many others) will never use because the Bubble menu is much more accessible.

    HOWEVER, currently, if the original AI button is NOT placed then:

    1. We are unable to configure all the AI-related modals etc.
    2. The Bubble menu no longer pops up!

    SO, what I think we need is simply to have a way the best of the both worlds by having a single checkbox within the AI modals configure

    For that matter, I'm not even sure why we have the AI Bubble present in the Tet Format Toolbar configuration anyway, it doesn't provide a Toolbar button, it simply enables the Bubble.

    Why not forget the Bubble Toolbar button and just go with placing the single (original AI Toolbar button) and have two options...

  • Pipeline finished with Failed
    22 days ago
    Total: 196s
    #519588
  • Pipeline finished with Success
    22 days ago
    Total: 269s
    #519723
  • 🇬🇧United Kingdom SirClickALot Somerset

    @anjaliprasannan,

    Thanks, that's a good solution, no more valuable space taken up on the Toolbar(1) but still perfectly functional (2) ...

  • 🇬🇧United Kingdom SirClickALot Somerset
  • 🇬🇧United Kingdom SirClickALot Somerset

    This seemed to work OK a day or so ago as I confirmed in #9 but now, after updating the AI module and AI Providers to the first full relase, it no longer seems to function, killing off the Admin page for the Text Formats where AI is active.

    Can someone else check this out and see whether they agree.

    Thanks

  • 🇮🇳India anjaliprasannan

    Hi @sirclickalot,

    I have retested a found the issue does not exist. Attaching the screencast.
    I have rebased the branch aswell. Can you please check?

  • Pipeline finished with Success
    20 days ago
    Total: 202s
    #521549
  • 🇩🇪Germany a.dmitriiev

    @sirclickalot, the MR from this issue is not yet merged, so the fix is not part of 1.1.0 yet.

  • 🇬🇧United Kingdom SirClickALot Somerset

    @anjaliprasannan

    OK I've re-applied the path from scratch as yes, it seems OK.

    I am intrigued though by the approach - please correct me if I am talking nonsense since I do not really understand at all how the CKEditor toolbar gets populate but...

    It feels like your solution use some splicing in of JavaScript in the front end that removes the button that had already been placed?

    Whereas, what I was expecting was deeper kind 'influencing' of the CKEditor configuration that the button would not be put there in there in the first place.

    It just seems odd to have to use a whole lot of obfuscated JS to get the done job.

    But I'm probably just ignorantly rambling so feel free to tell me so ;-) !!

  • 🇬🇧United Kingdom SirClickALot Somerset

    Thanks a.dmitriiev

    I realised that it wouldn't be there in 1.1.0 and that's why I re-patched but I probably just got something wrong, I usually do!

    Interested in any comments you may have about mine in #14 too.

  • 🇮🇳India anjaliprasannan

    @sirclickalot

    I'm encountering a strange issue on my local setup where CKEditor isn't functioning correctly, both on and off the issue branch. I've tried various solutions like clearing the browser cache, reinstalling Drupal fresh, and exploring AI options, but nothing has worked. As a result, I couldn't test whether another approach might resolve the issue.

    I have a suggestion regarding the AI balloon menu. Instead of maintaining two separate menus (AI Assistant and AI Balloon Menu) with similar features, we could integrate the AI Balloon Menu as an option within the AI Tools settings in CKEditor, perhaps as a checkbox to enable or disable it. This way, we avoid cluttering the toolbar with two icons and keep only the AI Assistant icon. However, this raises the question of why we need the AI Assistant in the toolbar at all, as it takes up space. To address this, we could include a help text or disclaimer stating that enabling the AI Balloon Menu in the AI Assistant settings will hide the AI Assistant icon in the toolbar. What are your thoughts on this approach?

  • 🇬🇧United Kingdom SirClickALot Somerset

    @anjaliprasannan

    RE your suggestion, I pretty sure that that is what I suggested in #6.

  • Pipeline finished with Success
    14 days ago
    Total: 220s
    #525987
  • 🇮🇳India anjaliprasannan

    @sirclickalot
    I have implemented the approach in #16 Please review them. I could not find a solution other than js changes. I am checking if there is a approach to remove the plugin before adding them to ckeditor.

  • 🇮🇳India prashant.c Dharamshala

    In the case of "AI Balloon Menu," which is just an extension of the "AI CKeditor" plugin, therefore, to use the balloon menu, one needs to enable the AI CKeditor plugin, which holds the configurations.

    For more details, you can go through the original issue: https://www.drupal.org/project/ai/issues/3516116#comment-16059058 Make "AI Assistant" functionality available through contextual (baloon) menu Active

    Hope this helps.

    Thankyou

Production build 0.71.5 2024