CodeMirror Tutorial for Beginners: Create A Fully Functional Text Editor

[@BerriThePug]

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

[@colesmith2573]

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

[@adamwillis1299]

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

[@AMITRaj-ti8gf]

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!

[@mansoorghazi3077]

Hi Amit ! Thanks a lot :)

[@RahulYadav-xw2ug]

Amazing video .The video is really helpfull

[@johndowning7446]

excellent overview of code mirror deployment, Thanks!

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

[@anaymittal7720]

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?

[@wcsc-jailroad]

Ultimate. No words.

[@joynalabedin4827]

thank you. This video was awesome!!!

[@joshuaolufs9284]

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.

[@mansoorghazi3077]

Thanks a lot Joshua :)

[@muhammaddenaadryan2411]

Thank you so much for making this informative tutorial sir!

[@Quickzand]

Super informative and helpful video - deserves way more views

[@100-cias]

Very clear explanation, good job

[@swibay]

Subscribe button really worked!!!!

[@mk9834]

oh my god this saved my life not gonna lie!!!!!!

[@arleyasilva]

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

[@daseiende]

It’s a lot to me. Thank you! ☺️

[@TinoBurset]

Great tutorial! Thanks 😌👌🏼

[@mansoorghazi3077]

Hi Agustin ! Glad you liked it :)

[@xyy108]

Much appreciate for this video

[@francescomichelesisini]

Thanks! Very good tutorial.

[@maxi5489]

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!

[@charlieurt8221]

Very useful. Thanks.

[@oksanaiukhymchuk5539]

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.

[@nickd4785]

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.

[@mansoorghazi3077]

Nick Dillon Thanks a lot for the suggestion Nick :) WILCO

[@ManuelTanase]

there is no download option currently

[@millerossasamboni569]

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

[@ashinkunjumon1111]

Can someone please tell how to style the scroll bar in code mirroe

[@adityashende8160]

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

[@محمدحسینآرتنه]

can we get style in codemirror

[@temirbek]

how come darcula.css still works if he misspelled as dracula.css?

[@KingKhan-sl5kt]

how could we run the code ?

[@jordanreger]

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

[@Yash-fz7kw]

Thanks for the video

[@tiganusconstantinrazvan3946]

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

[@DeepakisDemigod]

Elegante 🥂

[@hareramshah5673]

Hey thanks a lot, can you make a more video about codemirror.

[@mansoorghazi3077]

Hareram Shah Hi Hareram ! I am actually working on a complete JS course. Will cover codemirror in greater detail :)

[@abhilashm8423]

Hi, Can you make a video about how to run and execute code for other programming languages like Java, Python etc from browser?

[@mansoorghazi3077]

Hi Abhilash, I am working on that right now. Should be up soon :)

[@ilgorbekkuchkarov8776]

Mansoor Ghazi Have you had chance to create it ?

[@arnavinfotube5271]

Thank you sir, very helpful and explanatory video. could you please help me know how to make result area as well integrated with code editor.

[@lightedits2519]

Hello, Thanks for the tutorial! Unfortunately, I'm having trouble. I've been looking through my code for 30 minutes now and my code doesn't have the theme I've given it. I've even tried copying your code word by word, but it seems like my code doesn't work. :(

[@lightedits2519]

Heres my code if anybody is interested: Executor | Abstract print("CHUNGUS") var editor = CodeMirror.fromTextArea (document.getElementById('editor'), { mode: "lua", theme: "railscasts", linenumbers = true });

[@jimgordon2909]

Brilliant. Thank you.

[@邓明聪]

Easy to understand.

[@saijayavinothtvs2588]

sir, please do more videos...

[@mansoorghazi3077]

Hi Saijayavinoth thanks a lot for the comment! I am actually working on launching a free full stack bootcamp. Need feedback like yours to stay motivated :)

[@musheerahmad6306]

sir my theme is not working

[@olegmaz3969]

Thanks, I would like to see how it is configured in Angular

[@mansoorghazi3077]

Oleg Zinchenko Hi Oleg, Thanks ! I am still learning Angular myself, so I am in the same boat as you :)

[@olegmaz3969]

Hi Mansoor. This should help www.npmjs.com/package/ng2-codemirror

[@mansoorghazi3077]

Thanks Oleg !

[@crvpted]

Thank you so much!

[@lightedits2519]

Thank you so Much!

[@crvpted]

@@lightedits2519 Lmao

[@wahidgunit]

Thank you Very Much.

[@mansoorghazi3077]

Thanks Wahid :)

[@panda_labs]

very helpful :)

[@mansoorghazi3077]

Rohan Sawant Hi ! Great to hear that :)

[@LuisMorales-oc5sz]

Exelente!

[@code_power-d]

❤❤❤❤❤❤❤❤❤❤❤