How to create a simple text Editor on your website || CKEditor Quick Start Guide

Поделиться
HTML-код
  • Опубликовано: 5 авг 2024
  • The aim of this tutorial is to get you up and running with CKEditor in nine(9) minutes.
    CKEditor + PHP + MYSQL:: • How to create a simple...
    Visit the official site:: ckeditor.com/
    Download :: ckeditor.com/ckeditor-4/downl...
    In this tutorial i used CKEditor 4 and For a production site i recommend you choose the default Standard Package and click the Download CKEditor button to get the .zip installation file.
    But If you want to try out more editor features, you can download the Full Package instead.
    Join Oston code cypher channel today and get your life time tutorials for free!

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

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

    Your kind support would buy me the necessary fuel (coffee) and time so I can dedicate myself more to making extra free content. dashboard.flutterwave.com/donate/oiwdp0yfkk5d

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

      You ask for donations, but don't reply for business work !!!

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

      @@alidakhil3554 what kind of work?? I have been away for some time.

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

    very very helpful thankyou soomuch

  • @peidraou
    @peidraou 4 года назад +3

    simple but fantastic video

  • @nandani4241
    @nandani4241 4 года назад +2

    yes it very help ful and you doing great

  • @khaleddiffalah6178
    @khaleddiffalah6178 3 года назад +4

    The best Tuto ever. A Very Big thanks for you Oston for this video. wish you more success :)

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

    Thanks bro you just save my day

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

    thank you! God Bless you!

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

      Bless you too... Thanks for watching.
      Hope you learn more from the channel. 👍

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

    Thanks mate

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

    thanks a lot!!!

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

    Thanks you

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

    Thank you brother 👍🏿👍🏿👍🏿👍🏿

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

    What about the Angular integration? Spent a day, haven't succeeded :(

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

    Thank You

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

    Thank you a lot!

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

    thannk you so much sir. worked great for me

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

    Thank you!

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

    thank you

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

    Thank you so much.........very helpful.....God bless you

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

    Hello,
    Maybe a dumb question but i'm new to this.
    Where is stored the data inserted on the editor ?
    i mean where i find the text to be sent on, for example a database ?
    Thank you

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

      It's a great question, here are the tutorials. PART 1:: ruclips.net/video/xhwP5kyuqXo/видео.html & PART 2:: ruclips.net/video/c-MkRMFTRFU/видео.html (working with the database.)

  • @error-hb6ny
    @error-hb6ny Год назад +1

    Blessings Oston,

  • @richiddraphael_99
    @richiddraphael_99 5 дней назад

    Very helpful🙂

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

    Thank You soo much sir its very help full

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

    thank you so much

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

    Please tell me how to fix the height of the editor in html

  • @AkashJadhavIT
    @AkashJadhavIT 4 года назад +5

    thank you fir this tutorial i was looking for this long time. can you please also make tutorial on how to fetch the text we write and save it to sql database

    • @OstonCodeCypher
      @OstonCodeCypher  4 года назад +2

      Am glad it helped, hope you learn more from the channel...PEACE 👍✌

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

    can i use in projects?

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

    Good class!! ...... I would like to take any questions, can I use it in any company intranet site project? Is it free to use without modifying the code? has a usage limit? etc?

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

    you are a hero everyone should like comment share and subscribe

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

    Come to nextline space between lines are bigger how solve it

  • @sylvaine27638
    @sylvaine27638 5 лет назад +2

    Thanks brro

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

      you r welkam bro,hope you learn more with this channel

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

    Very Helpful for me with 100% working
    thanks for this

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

    mantap bang

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

    it doesnt work for me,should i include materize.css file???? please somebody help me i really need it for my project?

    • @OstonCodeCypher
      @OstonCodeCypher  5 лет назад +2

      please follow the tutorial step by step - if not that u never extracted the zip file

    • @OstonCodeCypher
      @OstonCodeCypher  5 лет назад +2

      Materialize was just for designing.

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

    Does this work on django? How can I add this editor for my project

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

      you can put ckeditor folder in your django static folder then call the script in your template file that works,cheerrs

  • @nazatech9383
    @nazatech9383 3 месяца назад +1

    how do i display what is in the edito after saving it to the database

  • @avinashsingh7323
    @avinashsingh7323 4 года назад +3

    What will be the datatype in MySQL to store all the text characters and images ?

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

    Hi Osten good video, how to install ckeditor package in angular 8 project

  • @hellcat5741
    @hellcat5741 4 года назад +2

    Спасибо большое!

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

    Nice one

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

    aaaaaaahhhhhhhhhh... FINNALY thank you very much for the tutorial. I was trying to integrate it with FLASK python and didn't kmow how to load the resources.

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

    Man, for god sake, how should I show the content that I created by forms? I passed to another template and I only see html tags. This is very stressfull because I simply cant find anything to how turn it back a styled text

  • @RiteshSingh-uz2qs
    @RiteshSingh-uz2qs 3 года назад +1

    Thank you for tutorial. can anyone please tell how to save edited data in editor?

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

      Hope this helps: ruclips.net/video/xhwP5kyuqXo/видео.html

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

    Merci

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

    Ma Maaan, you saved me bro #LandOfTheBrave #Namibia

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

      Am glad it helped. Incase you want to take it to the next level, try this:: ruclips.net/video/xhwP5kyuqXo/видео.html

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

    Will this work for .html files too? coz after writing the script command and reload the page i cant see any editor i can see only text area
    please help

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

      That means you never linked the ckeditor.js file very well.

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

      @@OstonCodeCypher Thanks , I resolved this issue

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

      @@sreehariyermal6608 Am glad it worked out, nice coding ✌️

  • @maxdiro9947
    @maxdiro9947 4 года назад +2

    materializecss ?

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

      Is A modern responsive front-end framework based on Material Design.
      Incase you want to Learn,here is the playlist:: Materialize Framework Projects: bit.ly/2oXMK5h

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

    in windows also double click and u enter the zip folder

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

    soooo sweet when you get a good solid tutorial like this one! thnaks man!!!!!

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

    How to create a simple text Editor on your website || PHP & MYSQL || CKEditor Quick Start Guide.
    Watch: ruclips.net/video/xhwP5kyuqXo/видео.html

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

    it's not showing up on boostrap humburg navbar what should i do ? Please help

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

      Which navbar??? - this is a ckeditor

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

      ​@@OstonCodeCypher Actually I'm adding a textarea like ckEditor in bootstrap modal

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

    Please.. How to setup ck editor 5 for website, thanks

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

      Hope this will help you:: ruclips.net/video/Mz8HJjA5lZA/видео.html

  • @Wabwire-Ronald
    @Wabwire-Ronald 3 года назад

    this is helpful but mine refused to install. it brings an error

  • @rito_2881
    @rito_2881 4 месяца назад +1

    How to save data in database

    • @OstonCodeCypher
      @OstonCodeCypher  4 месяца назад

      ruclips.net/video/xhwP5kyuqXo/видео.html

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

    It work, good explanation thank u ^^ , But How I can edit in its design ?

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

      As in you want to change it's theme(color) or appearance???

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

      @@OstonCodeCypher Yes, how do we style it? AWESOME VIDEO!!!! I subscribed! Thank you!

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

      @@MissAbbyH Am going to make a tutorial about it very soon.

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

    Pliz, SUBSCRIBE TO MY SECOND CHANNEL:: ruclips.net/channel/UCrYb7f-9MX9gs3njZH8-Y-g (Planning to start Video Editing Tutorials).

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

    If I wish to a uploaded file through this editor is that possible???

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

      Yes pliz

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

      @@OstonCodeCypher if I try to open a uploaded through this editor is that possible

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

      @@ashokkumarv8818 There is another plugin you have to config for it to upload images.

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

      @@OstonCodeCypher thanks for the kind information

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

      thanks for the kind information

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

    please next video sir

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

      Hope this helps:: ruclips.net/video/xhwP5kyuqXo/видео.html

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

    is the standard one free

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

    Ok

  • @marvenwilsonsdonque1568
    @marvenwilsonsdonque1568 5 лет назад +4

    you did not show us how to display the final content in a page.

    • @OstonCodeCypher
      @OstonCodeCypher  5 лет назад +2

      So you want to see how you can submit data from the ck editor to the database and display it on some other page...
      Am going to make a php tutorial and handle that...✌👊👍

    • @fitassarkar3550
      @fitassarkar3550 4 года назад +2

      @@OstonCodeCypher pls do that Sir

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

      @@fitassarkar3550 I will work on that... Very soon, Not so Soon. Stay tuned 👍

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

      @@OstonCodeCypher yes sir please make the video on this....I'm waiting eagerly...pls...

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

    it was showing error that is - CKEDITOR is not defined

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

      check your file path in the script tag. Is it pointing to the folder including the ckeditor.

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

      @@OstonCodeCypher yes

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

      @@onlyunboxings share some screenshots via facebook.com/tim.oston if you don't mind.

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

      @@OstonCodeCypher sure

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

    wow, you are using the chrome os

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

      At the moment my other pc was having issues... The next tutorial with Php am going to be on windows..

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

    tell your friend>>>>> free Palestine 💕💕💕

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

    Really this is not helpful. We need a full code to how create a text editor byself . This is all scripted.

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

      As in making it to submit data to a server???

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

      @@OstonCodeCypher sorry sir. It was my first time to create text editor cause it was given assignment to create simple text editor. Now I'm Trying to learn this. I hope sir this video will clear my mind. So I'm going to watch it now if i will have any problem then i will ask you sir. And again sorry sir to have such a bad comment..

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

      @@OstonCodeCypher Sir how create i my own editor.

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

    thank you so much

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

      You r welkam, hope you learn more from the channel....👊👍

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

      @@OstonCodeCypher yes but please how can i insert image from my windows to the editor.....
      am using ckeditor5