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

Поділитися
Вставка
  • Опубліковано 21 лип 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!

КОМЕНТАРІ • 130

  • @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.

  • @OstonCodeCypher
    @OstonCodeCypher  4 роки тому +1

    How to create a simple text Editor on your website || PHP & MYSQL || CKEditor Quick Start Guide.
    Watch: ua-cam.com/video/xhwP5kyuqXo/v-deo.html

  • @khaleddiffalah6178
    @khaleddiffalah6178 3 роки тому +4

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

  • @peidraou
    @peidraou 4 роки тому +3

    simple but fantastic video

  • @K0Tik82
    @K0Tik82 4 роки тому +1

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

  • @nandani4241
    @nandani4241 4 роки тому +2

    yes it very help ful and you doing great

  • @AkashJadhavIT
    @AkashJadhavIT 3 роки тому +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  3 роки тому +2

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

  • @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?

  • @theone4159
    @theone4159 2 роки тому

    Thanks bro you just save my day

  • @OstonCodeCypher
    @OstonCodeCypher  4 роки тому

    Pliz, SUBSCRIBE TO MY SECOND CHANNEL:: ua-cam.com/channels/rYb7f-9MX9gs3njZH8-Y-g.html (Planning to start Video Editing Tutorials).

  • @sourabhthorat9550
    @sourabhthorat9550 2 роки тому

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

  • @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:: ua-cam.com/video/xhwP5kyuqXo/v-deo.html & PART 2:: ua-cam.com/video/c-MkRMFTRFU/v-deo.html (working with the database.)

  • @nicolaschavez8841
    @nicolaschavez8841 2 роки тому +1

    can i use in projects?

  • @learn_us3245
    @learn_us3245 2 роки тому

    Come to nextline space between lines are bigger how solve it

  • @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. 👍

  • @be_happy_____
    @be_happy_____ 4 роки тому

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

  • @doravondee8603
    @doravondee8603 3 роки тому +1

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

  • @aristide_F
    @aristide_F 3 роки тому

    thannk you so much sir. worked great for me

  • @historyandbiography6503
    @historyandbiography6503 5 років тому +1

    Very Helpful for me with 100% working
    thanks for this

  • @nazatech9383
    @nazatech9383 2 місяці тому +1

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

  • @ibrahimkapasi1852
    @ibrahimkapasi1852 3 роки тому +1

    very very helpful thankyou soomuch

  • @joelpeter1645
    @joelpeter1645 2 роки тому

    Thank you brother 👍🏿👍🏿👍🏿👍🏿

  • @harshithms3017
    @harshithms3017 3 роки тому +1

    Thank You soo much sir its very help full

  • @voipitzsolutions3590
    @voipitzsolutions3590 4 роки тому +1

    Thanks mate

  • @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: ua-cam.com/video/xhwP5kyuqXo/v-deo.html

  • @divinechukwu505
    @divinechukwu505 2 роки тому +1

    Thank You

  • @ivangessler9847
    @ivangessler9847 2 роки тому +1

    Thank you a lot!

  • @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

  • @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.

  • @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

  • @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.

  • @sonamtseringsherpa
    @sonamtseringsherpa 3 роки тому +1

    Thank you!

  • @media7588
    @media7588 2 роки тому +1

    Thanks you

  • @Anna230298
    @Anna230298 4 роки тому

    thanks a lot!!!

  • @avinashsingh7323
    @avinashsingh7323 4 роки тому +3

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

  • @wonglpong
    @wonglpong 3 роки тому +1

    in windows also double click and u enter the zip folder

  • @ucheorjinta2720
    @ucheorjinta2720 2 роки тому

    thank you

  • @rakshyabista7731
    @rakshyabista7731 5 років тому +1

    thank you so much

  • @storiesofhearts4357
    @storiesofhearts4357 3 роки тому

    you are a hero everyone should like comment share and subscribe

  • @hasanmtk8140
    @hasanmtk8140 3 роки тому +1

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

    • @OstonCodeCypher
      @OstonCodeCypher  3 роки тому

      Hope this will help you:: ua-cam.com/video/Mz8HJjA5lZA/v-deo.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 ✌️

  • @error-hb6ny
    @error-hb6ny Рік тому +1

    Blessings Oston,

  • @sylvaine27638
    @sylvaine27638 5 років тому +2

    Thanks brro

    • @OstonCodeCypher
      @OstonCodeCypher  5 років тому +1

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

  • @Wabwire-Ronald
    @Wabwire-Ronald 3 роки тому

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

  • @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 3 роки тому

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

  • @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

  • @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.

  • @rito_2881
    @rito_2881 3 місяці тому +1

    How to save data in database

  • @hellcat5741
    @hellcat5741 4 роки тому +2

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

  • @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:: ua-cam.com/video/xhwP5kyuqXo/v-deo.html

  • @bulljimmy2056
    @bulljimmy2056 4 роки тому +1

    Merci

  • @musab9666
    @musab9666 4 роки тому +1

    mantap bang

  • @UTravis
    @UTravis 2 роки тому +1

    Nice one

  • @aricwilliamsdeveloper
    @aricwilliamsdeveloper 3 роки тому

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

  • @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

  • @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

  • @kavitakirange6035
    @kavitakirange6035 Рік тому +1

    please next video sir

    • @OstonCodeCypher
      @OstonCodeCypher  Рік тому

      Hope this helps:: ua-cam.com/video/xhwP5kyuqXo/v-deo.html

  • @dharmendrabharati7928
    @dharmendrabharati7928 2 роки тому +1

    Ok

  • @geelemo
    @geelemo 4 роки тому +1

    is the standard one free

  • @marvenwilsonsdonque1568
    @marvenwilsonsdonque1568 4 роки тому +4

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

    • @OstonCodeCypher
      @OstonCodeCypher  4 роки тому +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...

  • @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