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!
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 .
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😊😊.
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 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
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!
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!
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?
Hello, bro! What about the fact that the execCommand is now in the depricated state. Any issues?
赏心悦目
Thanks!
MANTAPP BANGG
U explained very well....
But I didn't understand....
Need to watch again 😊😊😊😊
always good to learn how to code the basics! nice video!
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 😊😊
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.
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);
});
if i store formatted text applied using this texteditor in backend will it save all the formatting or loose the formating
Thanks 👍👍
thank you so much, I have downloaded the code, 1.000 like
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😊😊.
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
It was a really awesome project!!!!
Very nice, but I couldn't find the source codes, If you talk when you do it will be better
thank you so much ma'am
now maximum commands of document.execCommand are not working now what to do?
This is awesome
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.
Nice project you have made.
Thank you very much !
can we add download & save buttons ?
I didnt get a source code
plz tell me where can i get this code
how to get value 'html' of it to add database?
You're basically stuffing the code into the body tag
is there a way to edit the fonts?
Amazing video but execCommand is deprecated. Alternatives?
Is that responsive bro?? I mean is it for all devices
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
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!
blog is useless without images! like your video!
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
👍👍
awesome 👍🆒
Thank you!
can we implement this in react typescript -this code
Call video like zoom please 🙏
how to store this Text Data in HTML format
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
Is it possible to save as PDF ?
why you use highlighter in javascripts can u explain ??
Which highlighter?
👍
❤️❤️
wow nice
Thanks
nice
Thanks
execCommand() is deprecated
Yes. But it is supported in all browsers: developer.mozilla.org/en-US/docs/Web/API/Document/execCommand#browser_compatibility
Bell@