Using CKEditor with Laravel Livewire - Appointment Create Form

Поделиться
HTML-код
  • Опубликовано: 1 мар 2021
  • Now, you can support for the growth of this channel by purchasing one of my product called(Laravel Livewire Starter Kit) : bit.ly/3e6RcEG
    In this series, you will learn everything about building a complete web application using Laravel and Livewire. My goal here is to teach everything i learned while building real world application using Laravel and Livewire.
    Here are some of the highlighted list that you will learn in this series:
    * How to install AdminLTE 3 with Laravel
    * How to use toast notification using Livewire
    * How to use bootstrap confirmation modal using Livewire
    * How to use bootstrap modal for editing data using Livewire
    * How to use date picker, time picker & text-area input with laravel livewire
    * How to use Livewire component
    * How to use Laravel components for re-usability
    * How to use Laravel fortify for authentication
    * How to use livewire events
    * How to use toast notification with Laravel Livewire
    * How to use bootstrap modal for deleting data using Laravel Livewire
    * How to display alert window before deleting data using Laravel Livewire
    * How to use pagination in Laravel Livewire
    * How to use bootstrap for pagination in Laravel Livewire
    * How to use bootstrap datepicker using livewire
    * How to use ckeditor with Laravel Livewire
    * And much more.
    Tags:
    coding,tutorial,laravel,laravel and livewire tutorial, laravel and livewire, laravel and livewire project,laravel admin panel,laravel adminlte,laravel admin,livewire tutorial,laravel livewire tutorial,laravel application development,learn laravel 8,learn laravel framework,learn laravel,laravel crud,laravel crud tutorial,spa,laravel how to, how to laravel, laravel course,laravel tips,coding tips,adminlte with php,laravel fortify,livewire events,livewire form,livewire routes
    Github link: github.com/clovon/Multipurpos...
  • НаукаНаука

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

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

    Thanks bro....you solved my problem....

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

      Glad to hear that

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

    thx for this & please try to upload a daily video.

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

      You are welcome @Mithu. Mithu, Currently i am on the track of uploading 2 videos per week. Hopefully i will try that in future. Thanks

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

    thx bro !!

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

      Welcome!

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

    great

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

    I Try use dispatchBrowserEvent and showing

  • @69aantu
    @69aantu 3 года назад

    Do you have any tutorial about updating ckEditor value?

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

      I think this video may help you. Please check: ruclips.net/video/WwHBSN1VSVs/видео.html

  • @andreajohn4520
    @andreajohn4520 Год назад +1

    how to reset CKeditor value???

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

      You can set the value to empty string.

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

    Thanks for the video.
    How to clear the Textarea after saving to the database?

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

      Welcome. You can reset the value using $this->reset('some-name') or you can use JS to clear the input.

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

      @@Clovon Thanks for your reaction. $this->reset() clears the component variables, but the text remains in the Textarea. When working with Select2 I use $('#id').val(null).trigger('change') to clear the select field. Is there a similar way for textareas with CKEditor?

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

      @@upperlip You can use ckeditor setData as empty string

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

      have you found any solution??

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

    how about if i want to edit the text i saved? the current text doesn't appear on the editor.

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

      Hi, here is the video on editing appointment: ruclips.net/video/WwHBSN1VSVs/видео.html . Also after creating we need to redirect user back to listing page or edit page. I will cover this on upcoming videos. Thanks

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

    Good video, I can not store when insert image, Please do video this solution. Thank you

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

      Thanks. I will be making video on it, stay tuned. 😊

  • @user-pj2bj3ye7d
    @user-pj2bj3ye7d 3 года назад

    I can not display data from the database in ckeditor Please tell me how

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

      This video may help you: ruclips.net/video/WwHBSN1VSVs/видео.html

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

    Hi do you have tutorial on update?

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

      Here it is: ruclips.net/video/WwHBSN1VSVs/видео.html . Also here is the full playlist of the series: ruclips.net/video/RGJJxkPZLpc/видео.html

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

      @@Clovon Thank you So Much!

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

    I don't know why but this way using eval never worked for me. Instead used @this and works perfectly fine

  • @web.identityinc8806
    @web.identityinc8806 2 года назад

    This form is bootstrap modal form. when i use ckeditor code in app.blade.php then the form are not submitted.

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

      You can check the issue on console or try putting that script on create appointment form blade file.