在页面中如何使用CKeditor并将其提交至node服务器解析
时间: 2024-02-11 07:07:15 浏览: 27
首先,需要在页面中引入CKEditor的js和css文件,并创建一个textarea元素来作为编辑器的容器。可以使用以下代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CKEditor Demo</title>
<script src="https://cdn.ckeditor.com/ckeditor5/29.0.0/classic/ckeditor.js"></script>
</head>
<body>
<textarea name="editor"></textarea>
<script>
ClassicEditor
.create( document.querySelector( 'textarea[name="editor"]' ) )
.catch( error => {
console.error( error );
} );
</script>
</body>
</html>
```
然后,在服务器端,可以使用node.js的中间件body-parser来解析提交的数据。需要先安装该中间件,并在代码中引入它。可以使用以下代码:
```javascript
const express = require('express');
const bodyParser = require('body-parser');
const app = express();
app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.post('/submit', (req, res) => {
const data = req.body.editor;
console.log(data);
res.send('Data received!');
});
app.listen(3000, () => {
console.log('Server is running on port 3000!');
});
```
在上述代码中,当用户提交表单时,CKEditor中的内容将被作为editor参数提交到服务器的/submit路由。服务器将解析该参数,并在控制台上打印出来,然后返回一个简单的响应。