3.5 KiB
3.5 KiB
id | title | isRequired | challengeType | videoUrl | localeTitle |
---|---|---|---|---|---|
bd7157d8c242eddfaeb5bd13 | Build a Markdown Previewer | true | 3 | 构建Markdown预览器 |
Description
id="editor"
的textarea
元素。 用户故事#2:我可以看到一个具有相应id="preview"
的元素。 用户故事#3:当我文本输入到#editor
元件,所述#preview
如I型显示textarea的内容元素被更新。 用户故事#4:当我在#editor
元素中输入GitHub风格的markdown时,文本在我输入的#preview
元素中呈现为HTML(提示:您不需要自己解析Markdown - 您可以导入Marked库为此: https : //cdnjs.com/libraries/marked )。 用户故事#5:当我的降价预览器首次加载时, # #editor
字段中的默认文本应包含有效的markdown,它至少代表以下每个元素之一:标题(H1大小),子标题(H2大小) ,链接,内联代码,代码块,列表项,块引用,图像和粗体文本。 用户故事#6:首次加载我的降价预览器时, # #editor
字段中的默认降价应该在#preview
元素中呈现为HTML。 可选的奖励(您不需要进行此测试通过):我的降价预览器解释回车并将它们呈现为br
(换行符)元素。您可以通过分叉此CodePen笔来构建项目。或者您可以使用此CDN链接在您喜欢的任何环境中运行测试: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
: https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js
完成后,将URL提交给您的工作通过所有测试的项目。如果卡住,请记住使用Read-Search-Ask方法。 Instructions
Tests
tests: []
Challenge Seed
Solution
// solution required