I haven't watched the full video but I definitely plan to follow this guide to build my own. I wasn't sure where to begin and now I have a whole guide! Thank you lady!
Thank you SO MUCH for putting this video online. knowing how to build this out from scratch is immensely useful and I will definitely get started learning this ASAP!
If you can upgrade this Theme adds part 2. Using emotes, insert the image into the input box and display it on the left 1 pane. I think it will be wonderful. And you can even upgrade it to part 3. How to import data into the Database and get it out of the Database for display. And more than that, it is security that prevents users from being able to edit the source code to arbitrarily pass basic checks or sabotage the Client-side source code to corrupt the system. (I think this part 4 will be for experts only). But.. I can only write those things, I absolutely cannot do part 2 or part 3 by myself. So, I hope you can do part 2 and part 3 if you have time.
hey i wants to copy the modified text and save it to the server (mySql) and when it is fetched it gets nice and tidy like it was before saving it to the database, can you tell me how can i do it
you can do it by saving it as html. Whenever you make a change with this editor the line ends up wrapped by a , just save it as a long string and let it be readed as html in the frontend .
Nice project but using execCommand is not a good idea as it is depreceated and most probably will be removed in future updated browser which will cause the project to not working properly...Other wise great idea!
i have problem with that. It does not work with textarea as writting area but i need textarea in this form. Second issue i have with that when i use any button my form is trying to upload. Someone know how to solve that problem?
I think textarea required form teg but we don't need form teg here. contenteditable="true" its use to edit the content of the teg. and about second problem you mention check if then you should change it to . thank you😊😊.
Hey Good job. Do you know if execCommand() is still recommended for real projects? I have read that is deprecated, not at all, but maybe in the future Thank you.
It was the easiest way to implement the functionality. Also it is supported in all browsers: developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#browser_compatibility
Bro, this is fire!!!!!!!!
The fact that you are doing everything from scratch absolutely blows my mind!!!
Keep up the good work🔥🔥🔥
I haven't watched the full video but I definitely plan to follow this guide to build my own. I wasn't sure where to begin and now I have a whole guide! Thank you lady!
Glad I could help!
Thank you SO MUCH for putting this video online. knowing how to build this out from scratch is immensely useful and I will definitely get started learning this ASAP!
Really worth watching this video. I saw your website also. I really appreciate your efforts, it helps a lot to the coder community.
U explained very well....
But I didn't understand....
Need to watch again 😊😊😊😊
Can u help me with a short answer here? How can I save the created file as .doc or a word document type of file?
always good to learn how to code the basics! nice video!
This is a shorter version of create icons:
$(document).ready(function() {
var icons = ['bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript',
'list-ol', 'list', 'rotate-left', 'rotate-right', 'link'
];
var container = $('');
var options = $('');
icons.forEach(item => {
var button = $('', {
id: item,
class: 'option-button format',
html: ``
});
options.append(button);
});
container.append(options);
$('body').append(container);
});
Thanks!
Thanks 👍👍
thank you so much, I have downloaded the code, 1.000 like
Hello, bro! What about the fact that the execCommand is now in the depricated state. Any issues?
This is awesome
if i store formatted text applied using this texteditor in backend will it save all the formatting or loose the formating
MANTAPP BANGG
thank you so much ma'am
赏心悦目
Amazing video but execCommand is deprecated. Alternatives?
If you can upgrade this Theme adds part 2. Using emotes, insert the image into the input box and display it on the left 1 pane. I think it will be wonderful.
And you can even upgrade it to part 3. How to import data into the Database and get it out of the Database for display.
And more than that, it is security that prevents users from being able to edit the source code to arbitrarily pass basic checks or sabotage the Client-side source code to corrupt the system. (I think this part 4 will be for experts only).
But.. I can only write those things, I absolutely cannot do part 2 or part 3 by myself. So, I hope you can do part 2 and part 3 if you have time.
for part 3 use PHP and MySQL
Thank you very much !
hey i wants to copy the modified text and save it to the server (mySql) and when it is fetched it gets nice and tidy like it was before saving it to the database, can you tell me how can i do it
you can do it by saving it as html. Whenever you make a change with this editor the line ends up wrapped by a , just save it as a long string and let it be readed as html in the frontend .
@@esteban_9049 thanks for the help brother, but i already did it 6 months back 😊😊
hi, I liked the video, I have a question, is there a way to make an editor with textarea?
Hey there, it has to be a contenteditable div to work. Textareas do not have the same flexibility.
It was a really awesome project!!!!
Nice project you have made.
now maximum commands of document.execCommand are not working now what to do?
Congratulations for the video is great; to be perfect is only missing the adding of photos to be complete and to learn more about that.
can we add download & save buttons ?
Very nice, but I couldn't find the source codes, If you talk when you do it will be better
Please add an ability where images can be embedded. And please how to save this in SQL.
Can you plz explain me why we want onload in this situation
Great video. Is there a way of saving the edit text to a database and retriving it later? Thank you so much.
Yep! You can set the form action to a php page and save the editor's content into a mysql db.
use localSrotage to save it no need to use any runtime environment like node or php
can we implement this in react typescript -this code
I didnt get a source code
plz tell me where can i get this code
Is that responsive bro?? I mean is it for all devices
is there a way to edit the fonts?
how to get value 'html' of it to add database?
You're basically stuffing the code into the body tag
awesome 👍🆒
Thank you!
blog is useless without images! like your video!
Is it possible to save as PDF ?
why you use highlighter in javascripts can u explain ??
Which highlighter?
how to store this Text Data in HTML format
Nice project but using execCommand is not a good idea as it is depreceated and most probably will be removed in future updated browser which will cause the project to not working properly...Other wise great idea!
so what would you use instead of execCommand ?
@@attilaguba856the text selection api I think
wow nice
Thanks
Call video like zoom please 🙏
nice
Thanks
👍👍
i have problem with that. It does not work with textarea as writting area but i need textarea in this form. Second issue i have with that when i use any button my form is trying to upload. Someone know how to solve that problem?
i have the same problem
I think textarea required form teg but we don't need form teg here. contenteditable="true" its use to edit the content of the teg. and about second problem you mention check if then you should change it to . thank you😊😊.
❤️❤️
execCommand() is deprecated
Yes. But it is supported in all browsers: developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#browser_compatibility
👍
Bell@
Hey Good job.
Do you know if execCommand() is still recommended for real projects? I have read that is deprecated, not at all, but maybe in the future
Thank you.
It was the easiest way to implement the functionality. Also it is supported in all browsers: developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#browser_compatibility
@@CodingArtist Thank you