Rich Text Editor with HTML, CSS and JS 

Thank you for nice words

Thanks a lot! This means a lot to me.

@@Omerko Bro which editor you are going to use? And please make a video on how to setup the Sublime text editor for the programming languages and web development etc... Also try to explain about this editor too.

@@pandipatipavan3804 I am using Visual Studio Code, I guess that I can make a tutorial about it and how to set it up

If you used contenteditable on main div itself, on editor, then inside, you can pass whatever you wish. You can add custom, upon some event, or loop trough each element and replace those with . You can even replace each div element with an ' '. There should also be Modules on npm, or plugins with more advanced editors, if you wish to use one and not build it from scratch.

Thanks!

You can grab it as a string, and save it in a field... You can turn it into a JSON if you wish, and later stringify again...

@@Omerko yes, but with the bold, italic , etc properties

​@@inessilva2039 Well, those need to be wrapped with etc.. HTML elements... If you pulled ata with the string, and if you present those in a div, those will already be wrapped with it.. Try to inspect that part of the text.. You should see the elements wrapped around the text. Which means that if you use that just a s a string, it will give the same result, unless the spacing is cut off, then it won't have that "enter" space

I am sorry, but could you please post the same comment in English, so I could know, to answer you, Thanks!

Yes, there are many comments on this video that talked about it, so maybe you can find a solution in the comments. Find the alternatives here - stackoverflow.com/questions/60581285/execcommand-is-now-obsolete-whats-the-alternative

If you wish to use a color picker, use input with a type of color, read the value to it and pass it to the element that you wish as a background or a normal color. That is my advice.

Thanks!

Thanks! So idea for that text for the image, is not the text, but source for the image. So you would for example copy image url and pass into that text field in prompt that you get and after clicking OK, it should render that image on a screen if URL is correct.

@@Omerko thanks sir

Thank you for pointing that out. Here is change to that - developer.mozilla.org/en-US/docs/Web/API/Document/designMode I will make sure to make new video on this topic.

Yes, it was also covered in previous comments, if you need help with it you can find it in one of the comments, not hard to implement, I will probably create tutorial for it soon as well.

If you didn't go trough execCommand API - developer.mozilla.org/en-US/docs/Web/API/Document/execCommand Also, check this fiddle, maybe it can help you - jsfiddle.net/3c5Lwmeq/

Take a look into pinned comment

Well, no, you must use div as an editable field.. most applications out there will use a similar workflow

If you wish to take a look into Live Code Example, here is the URL for that - codepen.io/omerko96/pen/GRNwoQZ

@@Omerko no we can't even share the written content to anybody

@@Omerko but this is a best content but if you add download or share option then it will be the best content ever

@@farhatulsk How do you mean share written content? You mean project itself or to add option in a project?

@@Omerko share, print or download option like ms word

Check my pinned comment

@@Omerko thank you

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-eOEPItpHIb8.html