You are a master. You have my full respect for not only making this in HTML but going through all the helpful links to learn markdown. Getting through freecodecamp without your instruction would be useless.
For the BONUS, I added this code above function updatePreview() in section: marked.setOptions({ breaks: true}). That's it. All tests pass. This is another amazing tutorial. Thank you!
That is great Arikelvara - It's good that you keep improving on these videos. In theses projects, I essentially do the bare minimum so it's good to hear you've made improvements.
@@UsefulProgrammer being a gamer, I could not bare having a huge red cross in the tests. I googled the solution and I was plesently surprised that the code was this simple and it fit perfectly within the framework you have provided in the tutorial! Thanks 🤗 once again!
(please UPVOTE so others can see) To pass the final 8th test: find 2 lines in the code: let markedUpHTML = marked(editorValue); ----------> add this text: {breaks: true} -------------> let markedUpHTML = marked(editorValue, {breaks: true}); do the same to: previewElement.innerHTML = marked(defaultText) ----> previewElement.innerHTML = marked(defaultText, {breaks: true}) Bottom-line: every time marked function is used, you need to add: {breaks: true} to it. See this documentation in here: marked.js.org/using_advanced#options (breaks, from default: false, to our code: breaks: true) this will pass the 8th test
am running into an error, for the CDN marked documentation, the alternative using reference comes with an import, and this giving me the cannot use import statement outside a module
Hello, Just found your videos and they have been super helpful. I'm having some issues with setting the defaultText, for some reason I am following your video, and for some reason, it's not appearing when I reload the page. Was wondering if I could either show you what I have if you could maybe explain why it wouldn't be working. Thanks again!.
Hey Dara and anyone else who got stuck on this part (around 28:28), I scoured the internet and added .parse after marked -- this seemed to work for me.
function updatePreview() { document.getElementById("preview").innerHTML = marked.parse(document.getElementById("editor").value) };
Hi! erm how do you delete multiple white space in front of the lines at 44:15? sorry if my question has been asked. I tried to look up about it but it looks like I have to download some packages?
d-flex flex-column stuff don't work. I copied the exact same code from you but I couldn't make it work. Not on chrome, not on firefox. I finally gave up and added rows="10". Daym. I had to accept the loss this time.
![กี่หมื่นฟ้า | Your Sky Series EP.1 [1/4]](http://i.ytimg.com/vi/vLGjxFL6U_I/mqdefault.jpg)
![[Live สด] การออกรางวัลสลากกินแบ่งรัฐบาล งวดวันที่ 16 พฤศจิกายน 2567](http://i.ytimg.com/vi/wPd7VFfWHIA/mqdefault.jpg)
You are a master. You have my full respect for not only making this in HTML but going through all the helpful links to learn markdown. Getting through freecodecamp without your instruction would be useless.
For the BONUS, I added this code above function updatePreview() in section:
marked.setOptions({
breaks: true}).
That's it. All tests pass. This is another amazing tutorial. Thank you!
That is great Arikelvara - It's good that you keep improving on these videos. In theses projects, I essentially do the bare minimum so it's good to hear you've made improvements.
@@UsefulProgrammer being a gamer, I could not bare having a huge red cross in the tests. I googled the solution and I was plesently surprised that the code was this simple and it fit perfectly within the framework you have provided in the tutorial! Thanks 🤗 once again!
@@arikelvara Your Rock!
(please UPVOTE so others can see)
To pass the final 8th test:
find 2 lines in the code:
let markedUpHTML = marked(editorValue); ----------> add this text: {breaks: true} -------------> let markedUpHTML = marked(editorValue, {breaks: true});
do the same to:
previewElement.innerHTML = marked(defaultText) ----> previewElement.innerHTML = marked(defaultText, {breaks: true})
Bottom-line:
every time marked function is used, you need to add: {breaks: true} to it. See this documentation in here: marked.js.org/using_advanced#options (breaks, from default: false, to our code: breaks: true)
this will pass the 8th test
Thank you Useful Programmer, your content and skills are valued sir!
Thanks man. I wanted to do this project in JS and Bootstrap before getting my hands dirty with React. This really helped. Much appreciated!
Excellent explanation Mr. Ian thanks a lot.
These tutorials are great brother thank you for this one. Definitely like the extra you do at the end with the github info
Thank you Nick. I find that starting with git is an important element for programmers because it's such a useful tool as we develop as programmers.
Very good explained!! Bravo!!
am running into an error, for the CDN marked documentation, the alternative using reference comes with an import, and this giving me the cannot use import statement outside a module
Hello, Just found your videos and they have been super helpful. I'm having some issues with setting the defaultText, for some reason I am following your video, and for some reason, it's not appearing when I reload the page. Was wondering if I could either show you what I have if you could maybe explain why it wouldn't be working. Thanks again!.
it's the same for me, were you able to figure this out?
@@willowsongbird nope!
Hey Dara and anyone else who got stuck on this part (around 28:28), I scoured the internet and added .parse after marked -- this seemed to work for me.
function updatePreview() {
document.getElementById("preview").innerHTML = marked.parse(document.getElementById("editor").value)
};
Why it shows marked is not a function
I can't figure this out either, anybody solve this issue? from 19 minutes in
i guess the function was updated marked.parse is the new function is marked.parse()
@@verygringo thANKS!! it works lol
36:28 is it better to insert the default text in here like this? I have just put inbetween the tags and it seems to be working fine
Hi! erm how do you delete multiple white space in front of the lines at 44:15? sorry if my question has been asked. I tried to look up about it but it looks like I have to download some packages?
Shift + Tab
Thank you for watching.
55:49 I don't know why but the flex-grow-1 is not working for me :(
thtank you!
d-flex flex-column stuff don't work. I copied the exact same code from you but I couldn't make it work. Not on chrome, not on firefox.
I finally gave up and added rows="10". Daym. I had to accept the loss this time.
CSS is a pain because there are no error messages. You've gotta get it perfect.
worked for me!
It is easier and cleaner to build this project with React. But anyway, it was awesome tutorial
Thank you for watching Jeff. Could you make a tutorial describing the process of building this with React?
@@UsefulProgrammer Sure, I will :)
@@devjeff3192 Following up here...
@@UsefulProgrammer You actually followed up 7 months later hahaha. I hope you see this comment and the tutorial emerges!
HELP
HELP