无需npm安装，如何手动将textarea-markdown库加入JavaScript项目？

不需要通过npm安装就可以手动引入该库，操作步骤非常简单，完全适合JS经验不多的开发者做简单项目使用：

具体操作步骤 #

• 第一步：获取库的核心文件
  找到该库代码仓库dist目录下的压缩构建产物textarea-markdown.min.js，将文件内容全部复制，在你本地项目文件夹中新建一个同名JS文件，把内容粘贴进去保存即可。
• 第二步：在HTML页面中引入本地文件
  在你的项目HTML文件的</body>结束标签之前，添加script标签引入刚才保存的本地JS文件，注意替换成你自己的实际文件路径：

  <script src="./textarea-markdown.min.js"></script>
  

  如果你把JS文件和HTML文件放在同一个文件夹下，src属性直接写文件名即可。
• 第三步：初始化功能
  首先在HTML的body区域添加你要绑定的textarea元素，给它设置一个独有的id：

  <textarea id="my-markdown-editor" rows="15"></textarea>
  

  然后在刚才引入库的script标签下方，添加初始化代码即可启用所有基础功能：

  const editorTextarea = document.getElementById('my-markdown-editor');
  new TextareaMarkdown(editorTextarea);
  

新手常见问题排查 #

• 如果功能没有正常生效，先按F12打开浏览器开发者工具的控制台面板，查看是否有404报错，有报错说明JS文件的路径填写错误，调整src对应的路径即可
• 该库的基础功能不需要额外引入CSS文件，如果你需要调整编辑器的外观，直接给textarea元素写自定义CSS样式即可

内容的提问来源于stack exchange，提问作者MoonX App