如何在节点环境中引用静态JS文件中的值?

时间:2018-02-23 03:45:41

标签: javascript node.js express ejs

我希望你能帮助我。

我想将quill.js富文本编辑器合并到我的节点应用程序中。 这就是我到目前为止设置文件的方式。我修剪了代码以使问题更容易阅读。

使用EJS模板我引用scripts.js文件来启动quill。 scripts.js是一个静态文件,通过此方法引用:app.use(express.static('public'));

index.ejs

<html lang="en">
<head>
    <link href="https://cdn.quilljs.com/1.0.0/quill.snow.css" rel="stylesheet">
</head>

<body class="container">

  <form action="/add/preview/<%= edmid %>/<%= delta %>" method="POST">

      <div id="editor">
      </div>
      <br>

    <input type="submit" value="ADD" class="btn btn-success"/>
  </form>


<script src="https://cdn.quilljs.com/1.0.0/quill.js"></script>
<script src="/js/scripts.js"></script>
</body>
</html>

scripts.js

var editor = document.getElementById('editor');

var toolbarOptions = [
  [ {'color':[] },{'background':[]} ],
  [{'align':[]}]
];

var quill new Quill('#editor', {
  modules: {
    toolbar:toolbarOptions
  },
  readOnly: false,
  theme: 'snow'
});

为了获得输入到富文本编辑器中的内容,您通常会使用: var delta = quill.getContents();

理想情况下,我想在节点环境中引用delta值。 即:

var express = require('express');
var router = express.Router();

router.get('/:edmid/:delta', function(req,res) {

  var deltaVal = req.params.delta;

  res.render('pages/add-component', {
    title: "Add Item",
    deltaVal: deltaVal
  });

});

如果我正确地提出了我的问题,请告诉我。 我试图研究我正在考虑的这种方法,但老实说我不知道​​要搜索到谷歌的内容。我痛苦地试着失败了。

如果有人可以帮助我或向我展示我可以进一步探索这个想法,我们将不胜感激。

谢谢你 萌

0 个答案:

没有答案