How to add CKEditor in Angular application | CKEditor

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024
  • Hi, You will stop searching for How to add CKeditor in Angular application after watching this video on Angular CKeditor.
    Say goodbye to plain text fields. In this video, you learn how to add a rich text editor in Angular. CKEditor is a rich text editor with nice edit options.
    Sounds interesting? So Let's enjoy the process of how to use CKEditor in Angular.
    Source Code
    🌍 github.com/cod...
    📝 Steps of adding rich text editor in Angular
    Step 1: Create an Angular project
    Step 2: Go through the documentation ckeditor.com/d...
    Step 3: npm install --save @ckeditor/ckeditor5-angular
    Step 4: npm install --save @ckeditor/ckeditor5-build-classic
    Step 5: Import CKEditorModule in the app.module.ts file
    Step 6: Create a variable public Editor = ClassicEditor; in app.component.ts
    Step 7: Add a CKEditor selector
    Step 8: Update the app.component.ts file as explained in the video to see the console.log
    #angulartutorial #angular #angularmaterial #ckeditor #ckeditor5 #richtexteditor
    If you found this video helpful, please like, share, and subscribe to @CodingBirdsOnline for more such content. Your feedback is valuable, so feel free to leave your questions and comments below.
    Thank you for watching! 🚀

ความคิดเห็น • 6

  • @yigitalpkaynak
    @yigitalpkaynak 5 หลายเดือนก่อน +2

    thanks brother for your contribution to the community your answer solved my problem!

    • @CodingBirdsOnline
      @CodingBirdsOnline  5 หลายเดือนก่อน

      I am glad, could solve your problem, please support me by considering like and subscribe:)

  • @SurajRajput-jb9nj
    @SurajRajput-jb9nj 5 หลายเดือนก่อน +1

    Is this editor supports image resize functionality?

    • @CodingBirdsOnline
      @CodingBirdsOnline  5 หลายเดือนก่อน

      Suraj, I didn't try, I think it should.

  • @eltirad0
    @eltirad0 5 หลายเดือนก่อน +1

    do you know how to add this library to an angular version 9 application?

    • @CodingBirdsOnline
      @CodingBirdsOnline  5 หลายเดือนก่อน

      I think it should be the same process for angular 9 also as explained in the video