#234
In Part-234 of the Laravel E-commerce series, we will integrate a rich text editor. We will add this editor for Textarea fields in add/edit category and product forms in the admin panel. An editor will convert HTML Textarea field to the rich text editor with lot of options that help in converting the formatted text into HTML. Basically, it helps to display formatted HTML code. Like if we want to make text bold for product description.
Every admin panel template provides an editor for textarea. Our AdminLTE template also provides an editor i.e. WYSIHTML5 editor that we are going to integrate into this video.
1) Update front_layout.blade.php file:-
From editors.html file (located at path pages/forms/) of AdminLTE template, add required CSS/JS files for WYSIHTML5 editor in admin_design.blade.php file.
2) Update add_edit_product.blade.php file :-
Add class "textarea" for description textarea to add the editor for it in the add_edit_product.blade.php file.
3) Update add_edit_category.blade.php file:-
Add class "textarea" for description textarea to add the editor for it in the add_edit_category.blade.php file.
4) Update detail.blade.php file:-
Now update the detail.blade.php file to show description text added in the editor. You can see HTML code will come. To convert HTML code, we need to add the nl2br function with description text as shown in the video.
Now you can try making text bold or some other changes that will reflect at the front end as well.
Thanks for watching :)
This video is a part of my Laravel Advance E-commerce Series
►Click here to access the complete course: • Laravel Tutorial for Beginners | Adva...
►Click here to subscribe - https://www.youtube.com/stackdevelope...
Other Popular Stack Developers Series that can help you:-
►Laravel API Tutorial - • Laravel API Tutorial | Create API fro...
►Laravel Interview Questions - • Laravel Interview Questions & Answers...
►jQuery Tutorial - • jQuery Tutorial
►Laravel Basic E-commerce Series - • Make Admin Panel / E-commerce Website...
►Laravel Dating Series - • Make Dating / Social Networking Websi...
►GIT Tutorial for Beginners - • Git Tutorial for Beginners | Create y...
Follow Stack Developers on Social Media to get updates and resolve your queries
►Like Facebook Page to get updates - / stackdevelopers2
►Join Facebook Group to resolve your queries - / stackdevelopers
►Follow on Instagram - / stackdevelopers2
►Follow on GitHub - https://github.com/stackdevelopers
►Laravel 9 Series - • Laravel 9 Release Date / Laravel 9 Ne...
►Part 1 of Laravel E-commerce Series: • Free Laravel Tutorial for Beginners |...
►Join this channel to get complete code/support - / @stackdevelopers
Watch video #234 online without registration, duration hours minute second in high quality. This video was added by user Stack Developers 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 883 once and liked it 11 people.