Add AI into the gutenberg

Created on 8 August 2024, 4 months ago
Updated 29 August 2024, 3 months ago

Problem/Motivation

Over at the AI module we're building cool stuff to have drupal interacting with multiple AI's (Gemeni / mistral / Openai / ...).
Certainly check it out: https://www.drupal.org/project/ai

Someone brought to my attention (Credits) it would be really cool if the gutenberg could also use the LLM or image AI integrations that are already available.

Or the assistant like in CKeditor:

There's people brainstorming in our issue queue with features that could also relate to you.

What I'm trying to say to you is:
Don't go integrating directly with Openai, but use the AI module to use the LLM that is at hand and might differ from install to install.

What AI powered features could enrich the Drupal Gutenberg experience:
Something like https://gelo.ai/ai-gutenberg-block/ ?

Feature request
Status

Active

Version

4.0

Component

Miscellaneous

Created by

🇧🇪Belgium wouters_f Leuven

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

Comments & Activities

  • Issue created by @wouters_f
  • 🇵🇹Portugal marcofernandes

    I've been playing a bit integrating AI module that you mention with Gutenberg. But didn't progress much.
    I think a good example of what Drupal Gutenberg should take inspiration is the AI Writer plugin.

  • 🇱🇹Lithuania mindaugasd

    I started using Gutenberg with AI almost 2 years ago :-) and still do (legacy app).

    It just that Gutenberg has nice markup behind the scenes, easy to embed elements to.

    For example:

    <!-- wp:columns -->
    <div class="wp-block-columns">
    <!-- wp:column {"className":"ai-image"} -->
    <div class="wp-block-column ai-image"><!-- wp:drupalmedia/drupal-media-entity {"mediaEntityIds":["313"],"viewMode":"content"} /--></div>
    <!-- /wp:column -->
    <!-- wp:column {"className":"ai-image"} -->
    <div class="wp-block-column ai-image"><!-- wp:drupalmedia/drupal-media-entity {"mediaEntityIds":["314"],"viewMode":"content"} /--></div>
    <!-- /wp:column -->
    <!-- wp:column {"className":"ai-image"} -->
    <div class="wp-block-column ai-image"><!-- wp:drupalmedia/drupal-media-entity {"mediaEntityIds":["315"],"viewMode":"content"} /--></div>
    <!-- /wp:column -->
    </div>
    <!-- /wp:columns -->
    

    I don't know how it is useful for you now, but still was very simple to work with.

  • 🇱🇹Lithuania mindaugasd

    Prototype of this https://www.drupal.org/project/aiwork is using Gutenberg exactly.

Production build 0.71.5 2024