如何使用节点模块？答案

【问题标题】：How do I use node modules?如何使用节点模块？
【发布时间】：2016-10-15 22:57:54
【问题描述】：

对不起，这个基本问题。我是编码新手，我已经用谷歌搜索了“如何从节点模块运行代码”“如何使用节点模块中的代码”等几个小时，但没有任何实际进展。

基本上，我想使用文本编辑器 (https://github.com/yabwe/medium-editor) 创建一个可编辑的 div，并且我已经手动下载并按照说明在编辑器中插入代码（可以在 GitHub 页面上找到）。这是我的可编辑 div 的完整代码： HTML：

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<link rel="stylesheet" type="text/css" href="post.css">
<script src="other.js"></script>
<link rel="stylesheet" href="css/medium-editor.css">
<link rel="stylesheet" href="css/themes/default.css">
<script src="js/medium-editor.js"></script>
<div contenteditable="true" class= ".editable" id="posteditor"> <p> test words</p></div>
</body>

Javascript（html代码中引用other.js）：

var elements = document.querySelectorAll('.editable'),
editor = new MediumEditor('.editable');

我还将下载文件中的文件复制并粘贴到一个新文件夹中，该文件夹包含可编辑 div 的 HTML/CSS/Javascript 代码（不确定这是否会有所不同）。非常感谢您帮助新的编码员。编辑：想通了！我的路径顺序错误，我没有在

中引用一些必要的代码

【问题讨论】：

标签： javascript node.js github npm npm-install

【解决方案1】：

你需要一些简单的html css js基础知识来开始处理这样的代码

这里有一些提示：

*将link标签放在头部

*将script标签放在正文结尾之前

现在尝试运行此代码并双击要编辑的单词

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="//cdn.jsdelivr.net/medium-editor/latest/css/medium-editor.min.css" type="text/css" media="screen" charset="utf-8">
  </head>
  <body>
    <div class="editable"><h4>hi I am editable</h4></div>
    <script src="//cdn.jsdelivr.net/medium-editor/latest/js/medium-editor.min.js"></script>
    <script>var editor = new MediumEditor('.editable');</script>
  </body>
</html>

【讨论】：

非常感谢！！我有几个后续问题要问您：
我很高兴能帮上忙
-你怎么知道这个类是“可编辑的”而不是“.editable”？ -你知道我如何使用手动安装吗？我问是因为我想稍微更改格式和样式，并且我假设我需要自己的服务器中的文件才能更改代码。非常感谢！
.editable 是一个选择器而不是类名，但任何类名都不应该以点开头......你想对你的网站做些什么我不明白你为什么要使用这样的插件？
我想更改文本编辑器的外观（即添加更多功能）并且我认为（？）我需要将文件下载到我的服务器中，以便我可以在我的结束。