我希望你能帮助我。
我想将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
});
});
如果我正确地提出了我的问题,请告诉我。 我试图研究我正在考虑的这种方法,但老实说我不知道要搜索到谷歌的内容。我痛苦地试着失败了。
如果有人可以帮助我或向我展示我可以进一步探索这个想法,我们将不胜感激。
谢谢你 萌