如何初始化javascript插件？_Javascript_Html

如何初始化javascript插件？

javascript html

如何初始化javascript插件？,javascript,html,Javascript,Html,我正在尝试使用这个javascript插件问题是我不明白如何初始化它我的插件路径 <script type="text/javascript" src="../node_modules/maxlength-contenteditable/dist/maxlength-contenteditable.js"></script> 有人能解释一下我将如何使用初始化以及在哪里使用吗？本地更新：如果您想在本地执行此操作，请执行以下操作：安装它： $ npm install

我正在尝试使用这个javascript插件问题是我不明白如何初始化它

我的插件路径

<script type="text/javascript" src="../node_modules/maxlength-contenteditable/dist/maxlength-contenteditable.js"></script>

有人能解释一下我将如何使用初始化以及在哪里使用吗？

本地更新：

如果您想在本地执行此操作，请执行以下操作：安装它：

$ npm install maxlength-contenteditable --save

然后将此代码粘贴到文件中以进行测试：

<style>
  h2 {
    color: lightslategray;
  }
  span {
      color: red;
  }

  .content-editable-element {
    border: 1px solid lightslategray;
    width: 300px;
  }
</style>

<body>
  <h2>maxlength contenteditable demo</h2>
  <span>the max length is set to 10!!!!</span>
  <div class="content-editable-element" contenteditable="true" data-max-length="10"></div>
  <script src="node_modules/maxlength-contenteditable/dist/maxlength-contenteditable.js"></script>
  <script>maxlengthContentEditableModule.maxlengthContentEditable();</script>
</body>

.content可编辑元素{
边框：1px实心浅灰色；
宽度：300px；
}

打开浏览器控制台-您看到了哪些错误？@WillardSolutions ReferenceError:require未定义更新我的答案。现在开始工作，检查它。路径是正确的，我得到一个200 OK的脚本状态。使用CDN版本是可行的，但我想看看是否可以在本地使用它。

$ npm install maxlength-contenteditable --save

<style>
  h2 {
    color: lightslategray;
  }
  span {
      color: red;
  }

  .content-editable-element {
    border: 1px solid lightslategray;
    width: 300px;
  }
</style>

<body>
  <h2>maxlength contenteditable demo</h2>
  <span>the max length is set to 10!!!!</span>
  <div class="content-editable-element" contenteditable="true" data-max-length="10"></div>
  <script src="node_modules/maxlength-contenteditable/dist/maxlength-contenteditable.js"></script>
  <script>maxlengthContentEditableModule.maxlengthContentEditable();</script>
</body>

<script type="text/javascript" src="../node_modules/maxlength-contenteditable/dist/maxlength-contenteditable.js"></script>

<script src="https://unpkg.com/maxlength-contenteditable@1.0.1/dist/maxlength-contenteditable.js"></script>

<script>
    maxlengthContentEditableModule.maxlengthContentEditable(); // to initialize
</script>