文件名称：tutorial-markdown:带有Markdown的交互式编码教程
文件大小：41KB
文件格式：ZIP
更新时间：2024-05-31 09:43:16
JavaScript
教程降价 教程降价是一个小型js库，它允许（带有一些数据属性）供教程键入并在滚动文档时执行其代码。 您可以看到有关的示例。 当前，该系统专用于在诸如画布之类的东西上显示可视化javascript工作，因此在尝试执行其他事情时可能会弹出一些东西，但是请报告此类问题，我们可以一起扩展该库。 如何 要运行交互式教程，您需要设置好几个部分才能一起采取行动，而没有所有这些都到位，我们看不到任何魔术。 这些都是： 1.正确的代码标记 标记代码块时，需要使用正确的data-属性。 这些内容将被解析为说明，以供编辑器显示和iframe运行。 您还需要标记所有块的一致的类名。 只有少数数据属性可以让教程降价 data-from （强制性）是您打算data-from插入新代码的行号。 data-to （可选），如果您将data-to设置为from和to行之间的所有代码，则将替换为新代码 data-ind
【文件预览】：
tutorial-markdown-master
----.babelrc(131B)
----rollup.config.js(391B)
----package.json(533B)
----readme.md(5KB)
----.eslintrc.json(500B)
----.github()
--------FUNDING.yml(67B)
----dist()
--------tutorialMarkdown.umd.js(9KB)
--------iframe.js(354B)
--------tutorialMarkdown.umd.js.map(14KB)
----src()
--------codeManager.js(703B)
--------index.js(2KB)
--------codeBlock.js(1KB)
--------iframeManager.js(193B)
--------editorManager.js(2KB)
----.gitignore(12B)
----yarn.lock(74KB)