Create your own AI text editor with Tiptap and Novel.sh

Поділитися
Вставка
  • Опубліковано 13 січ 2025

КОМЕНТАРІ • 32

  • @AssiaElhafid
    @AssiaElhafid 3 дні тому

    did they remove the ai functionality in the GitHub repo? I dont see it.

  • @xl0xl0xl0
    @xl0xl0xl0 Рік тому +2

    Very nice, but please use a higher resolution screen grab in the future.

    • @elie2222
      @elie2222  Рік тому +1

      Will do! I know it’s a mistake I’ve made a few times especially when recording with loom and I start a new recording :(

  • @chrisalupului
    @chrisalupului Рік тому

    Thanks for the video! Trying to figure out how to remove the default text of novel initial load of a post that is in the platforms kit.

    • @elie2222
      @elie2222  Рік тому

      How are you using it? You’re using novel as a package?

    • @elie2222
      @elie2222  Рік тому

      When I recorded the video it wasn’t yet available as a package btw. You just cloned the repo and could change anything you want about it.

    • @chrisalupului
      @chrisalupului Рік тому

      @@elie2222 Yes as a package within vercel platforms kit, I'm assuming its probably in node_modules/novel/dist/index ? or am I looking in wrong spot

  • @LeibelHecht-k7u
    @LeibelHecht-k7u 10 місяців тому +1

    Will this work with html (for use as a headless wordpress editor)?

    • @elie2222
      @elie2222  10 місяців тому

      You can export the data as HTML, yes. Although not sure I'd see much benefit to it compared to existing editors.

    • @leibelhecht
      @leibelhecht 10 місяців тому

      I’m having more trouble with importing html thank exporting.
      You essentially need to define every type of node and add styling to the editor.
      I was trying with novel and with lexical.
      I’ll probably end up with tip tap and then I’ll copy over just the ai plug-in from novel

  • @maxbrych7354
    @maxbrych7354 Рік тому

    hey, great video! I learned a lot but what I still can't figure out is how to "extract" the json value of the editor. There is this thing called "onUpdate" but do you know how I can for example have a submit button that let's me export the input and display it?

  • @LEDsellers
    @LEDsellers Рік тому

    I'm having trouble using the shadcn dropdown component in the bubble-menu extension. Any idea of how to implement it without getting the dropdown menu to run over to the right?

    • @elie2222
      @elie2222  Рік тому

      Check the Radix UI docs on positioning. That's what Shadcn uses under the hood.

  • @irfansaeedkhan7242
    @irfansaeedkhan7242 10 місяців тому +1

    brother if quality can be 1080 atleast that would be great

    • @elie2222
      @elie2222  10 місяців тому +1

      Thanks! I don’t make this mistake on my more recent videos :)

    • @irfansaeedkhan7242
      @irfansaeedkhan7242 9 місяців тому

      @@elie2222 awesome

  • @Fathorrrr-st3ou
    @Fathorrrr-st3ou 11 місяців тому

    can i customize the command menu, like remove "Continue Writing" or "Send Feedback" ?

    • @elie2222
      @elie2222  11 місяців тому

      Hey, I'm not sure the level of customisation. We've also had issues here. You may need to make a PR or clone it yourself.

  • @vampirekabir8356
    @vampirekabir8356 Рік тому

    u r a pro,u got in-depth knowledge,blessed to have ur videos

    • @elie2222
      @elie2222  Рік тому

      appreciate the support!

  • @PriyankaBisen-cq8kw
    @PriyankaBisen-cq8kw Рік тому

    how to add + button along with drag and drop

    • @elie2222
      @elie2222  Рік тому

      it's regular react. so you can add a button as you usually would. for drag and drop there are libraries that can help with that too

  • @raphauy
    @raphauy Рік тому +1

    Thank you!!!

    • @elie2222
      @elie2222  Рік тому

      Glad you found it helpful!

  • @eyalcohen2029
    @eyalcohen2029 Рік тому +1

    Awesome overview!

  • @anversadutt
    @anversadutt Рік тому +2

    quality of the video is crap but good work, keep pushing

    • @elie2222
      @elie2222  Рік тому

      😅😅😅 I know I need to do a better job in the future. I’ve been improving since. Was using loom and they don’t have an easy way to keep it at high quality. Always resets on video restart. Lesson learnt

  • @chukwukamorka5055
    @chukwukamorka5055 Рік тому

    Hi the demo project link in the description doesn't have the same complete code as the one in the video @elie2222

    • @elie2222
      @elie2222  Рік тому

      Hey, I should have linked to an exact commit. It's been updated since I created the video:
      github.com/steven-tey/novel/releases/tag/1.0.16
      If you download the zip here that should match up closer with what I show in the video (before they migrated to Turborepo)

  • @AjarnSpencer
    @AjarnSpencer Рік тому

    god im in webmastery and authoring 30 years and this is a piece of crap

    • @elie2222
      @elie2222  11 місяців тому

      Hope to get to your level in another 15 years or so 😅 I put more time into the videos these days so hopefully the newer ones serve you better :)