CodeMirror Tutorial for Beginners: Create A Fully Functional Text Editor

Learn how to create text and code editors by using the CodeMirror library. Create a full fledged HTML text editor with CodeMirror. Learn CodeMirror through a in-depth beginner level tutorial.

[BerriThePug]

This video was AMAZING! Thank you so much for the clear introduction to using code-mirror!

[colesmith]

This has been the most useful tutorial I have found. Thanks!

[AMITRaj-tigf]

thanks bro! You really solve my problem and explained well, all others youtube viedio are rubbish, i don't know how they get top position in search reselts. By lfair luck i land on thi video and see what you really explained like a true helper . Superb Bro!

[adamwillis]

great vid...keep going with more CodeMirror functions!

[joshuaolufs]

Instructive content for CodeMirror is extremely lacking and this video was more helpful than everything I've found in the last 2 days combined. Unfortunately it covers exactly what I've managed to learn so far, if you make any more I'll be sure to watch them as well. Specifically writing modes and using addons like code folding etc.

[johndowning]

excellent overview of code mirror deployment, Thanks!

[RahulYadav-xwug]

Amazing video .The video is really helpfull

[Quickzand]

Super informative and helpful video - deserves way more views

[nickd]

Very clear and instructive. One suggestion for future videos: maybe you could fast-forward through some of the typing? (..for impatient people like me!) But it's a great video.

[muhammaddenaadryan]

Thank you so much for making this informative tutorial sir!

[seekerlabsagency]

Thanks. I don't get why the documentation fails to mention the xml.js file. Or whatever you did that made it work. Nor do they provide a working example. Idk how you figured it out.

[mk]

oh my god this saved my life not gonna

[arleyasilva]

Great. Just what I was looking for!!!!

[jordanreger]

all the other "help" is horrible, thanks for making this!

[anaymittal]

How can I have a button that changes the theme from dark to light, instead of just defining it in the beginning and not being able to change it?

[millerossasamboni]

Hey man, thanks for shared !! it is so util and I want said if you can shared the file .js and .css becouse the page in this moment is diferent, not show download button

[maxi]

Great video, do you know why my editor have a problem with spaces and indents?, even when I use braces something happens with the spaces. So when I run the code, I get an error of indent. Thanks!

[adityashende]

Does this editor include JavaScript? If not then how can we build it ?

[tiganusconstantinrazvan]

about "This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning" Firefox error I managed to SOLVE IT using this option: viewportMargin: Infinity

[oksanaiukhymchuk]

Thank you. That's a very good video. It was a pleasure to learn from you. Can you run the code and see the result right there? Can you use html, css and/or html, css, js at the same time? Thanks.