Latest QuillJS Tutorial

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024
  • 🚀 Learn to code with me: codehawke.com/
    📣 Other Social:
    / realchrishawkes
    / christopher-hawkes-130...
    github.com/chawk
    stackoverflow....

Комментарии • 53

  • @GaneshSingh1
    @GaneshSingh1 5 лет назад +5

    please upload video for how to store data into DB and retrieve data in same exact format

  • @realchrishawkes
    @realchrishawkes  3 года назад +2

    🔥 If you're learning to code, check out my website 👉 codehawke.com/all_access.html 🔥
    Learn more 👉 ruclips.net/video/fpp215OSRV0/видео.html

  • @timthacker3314
    @timthacker3314 7 лет назад +4

    I'm confused with storing the delta object in a database. I'm making a blog and not sure how to store the output of the quill editor in my database and then have it displayed to users. Can anyone please explain how to do this??

    • @cristianongudiangani6495
      @cristianongudiangani6495 6 лет назад

      Hey Tim, Have you found out the solution ??

    • @LukeWatts85
      @LukeWatts85 6 лет назад

      I think (without having tried it yet) you would use JSON.stringify to make a string from the JS Object, then save that to your database, then use JSON.parse to parse that from the database when loading the editor. MySQL 5.6+ has a JSON datatype so you might want to consider using that for the deltas content.
      If you saved on every change using AJAX you could (in theory) have a complete revision history of your edits too.

  • @chonkarimbi3373
    @chonkarimbi3373 7 лет назад +2

    Can I handle the output content of Quill in my PHP/MySQL such that on the frontend the formatting remains the same??

  • @user-dv5ps3qd4g
    @user-dv5ps3qd4g 5 лет назад +3

    Thank you for the video.
    I think there is a better way to view the quill content.
    Just use the bubble theme and disable the quill object (by quill.enable(false); or quill.disable();).

  • @benjamminandrus1149
    @benjamminandrus1149 3 года назад

    I cannot get Quill to work inside of my Spring Boot app. The editor and toolbar will render on the page, but none of the toolbar buttons work and all the content is treated as plain text. Has anyone else had this issue?

  • @vivektiwari-oh2uu
    @vivektiwari-oh2uu 5 лет назад

    Hi Chris, Please help me with rendering stored quill delta as HTML on a web-page. I read that using quill as read-only editor is heavy-weight. Please suggest any JS or GoLang library, I can use.

  • @weshuiz1325
    @weshuiz1325 5 лет назад +5

    "and save it to a database" *i smell sql injection*

  • @quynhd.2334
    @quynhd.2334 6 лет назад +1

    Is there a way to change the font size to 10px, 15px etc instead of Small, Normal, Large and Huge?

  • @totoasia
    @totoasia 7 месяцев назад

    Thanks i did the job, you did a good one.

  • @piapinification
    @piapinification 2 года назад

    Hi, I need the user to be able to format a displayed text but not edit it, is this possible? Thanks

  • @sravaninallabelli1251
    @sravaninallabelli1251 2 года назад +1

    Hi hi how can we upload documents or PDFs in quill editor please anyone tell me

    • @realchrishawkes
      @realchrishawkes  2 года назад

      You might not be able to. TinyMCE has more functionality

  • @mrcrazyware
    @mrcrazyware 7 лет назад

    Can you please help me with formats options in quill. I want to use it as code editor but i am unable to activate this feature.

  • @shenloong9966
    @shenloong9966 3 года назад

    Is the necessary? I tried and there is a on top of the rich text editor...

  • @vaibhavdhiman1083
    @vaibhavdhiman1083 4 года назад

    How i can use it with textarea, am using but not working can u give me any solution.

  • @PinokiioAUT
    @PinokiioAUT 5 лет назад +1

    you can create the standard html text by

  • @harleenarora5189
    @harleenarora5189 3 года назад +1

    How to add table in stable version?

  • @philserme3488
    @philserme3488 7 лет назад

    Very nice Chris , that is a good tool . I will integrate it to my django blog

  • @muneebkhurshid9969
    @muneebkhurshid9969 5 лет назад

    is there any option to get the image url inserted

  • @BlueDolphinBlues
    @BlueDolphinBlues Год назад

    you have to highlight the text before you press the link button

  • @GaneshSingh1
    @GaneshSingh1 5 лет назад

    This video solved my problem,thanks

  • @ChickenMaster7
    @ChickenMaster7 Год назад

    I am not sure it's still the latest tutorial since it was published 6 years ago

  • @thacoolest13
    @thacoolest13 7 лет назад +1

    I wish you went over changing how to make it look different.. like color swaps.

  • @shankaranand199091
    @shankaranand199091 3 года назад

    Please make a video on how to write complex mathematical formulas in Quill rich text editor.

  • @krishnac62
    @krishnac62 7 лет назад

    Does quill.js support react.js? If yes, can you provide me a good reference? If no, what are the alternatives (apart from draft.js)?

    • @Lyfhaxx
      @Lyfhaxx 4 года назад

      React-quill

  • @shankaranand8515
    @shankaranand8515 3 года назад

    please make a video on how to upload image to database through quill editor using jquery, ajax and php.

  • @JorgeEscobarMX
    @JorgeEscobarMX 4 года назад

    wopw quilljs is amazing and this video it{s useful and relevant up to 2020

  • @himanshuchugh4257
    @himanshuchugh4257 4 года назад +1

    Thank you !

  • @Jay___C
    @Jay___C 7 лет назад

    Thanks a lot for this tutorial!
    Could you elaborate a little more on how to handle the images in the backend? i.e. storing it on the server file system.

    • @Jay___C
      @Jay___C 7 лет назад

      Thanks a lot for the reply and this seems pretty interesting.
      Btw I'd like to thank you for all the work doing here, to be specific, I've learnt some really amazing things about django from your tutorials.

  • @mounoydev
    @mounoydev 7 лет назад +1

    THANK YOU

  • @wolfganggermain7175
    @wolfganggermain7175 4 года назад

    Next time do !+enter it will give you a boilerplate of the html page in visual studio

  • @mostafizurrahmanshohan9075
    @mostafizurrahmanshohan9075 6 лет назад +1

    Great. Can you make a video how we can use Quill.js in Django ?

    • @realchrishawkes
      @realchrishawkes  6 лет назад

      Actually I can, I use django + quill with my website hipstercode.com

  • @shivaraj-bh
    @shivaraj-bh 7 лет назад

    That looks impressive

  • @tylerdurden2832
    @tylerdurden2832 3 года назад

    How to use LINK

  • @itachi-senpaii
    @itachi-senpaii 3 года назад

    thanks

  • @lokeshlakhera1709
    @lokeshlakhera1709 5 лет назад

    want to know about formula equation

  • @dinaiswatching
    @dinaiswatching 6 лет назад

    Good, but you couldn't explain how to render images and such.

  • @pistacheeter3276
    @pistacheeter3276 7 лет назад

    Eeeeeehhhmmm, word online

  • @samuelashton5536
    @samuelashton5536 7 лет назад

    Yo this is awesome. Let's collaborate.

    • @samuelashton5536
      @samuelashton5536 7 лет назад

      ..how do you get the LINK function on the toolbar to work?

    • @samuelashton5536
      @samuelashton5536 7 лет назад

      I think this solves it: github.com/zenoamaro/react-quill/issues/19

    • @samuelashton5536
      @samuelashton5536 7 лет назад

      OK that wasn't the fix. BUT, this one works and the link is working now: github.com/quilljs/quill/issues/938