0

我正在创建一个博客。在这里，我使用 EditorJS 作为我的博客文章编辑器。我正在使用 nodejs、express 和 ejs。我在屏幕上看不到 EditorJS 界面。这是我的代码。

app.js的代码：

const express = require('express')
const app = express()

app.use(express.json())
app.set('view engine', 'ejs')

app.get('/', function(req, res) {
    res.render('index.ejs')
})

app.listen(3000, function(){
    console.log('Server is running on port 3000.')
})

index.ejs文件的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home | Editor JS</title>
</head>

<body>
    <form action="/create-post" method="POST">
        <label for="title">Title</label>
        <input type="text" class="form-control" name="title" placeholder="Title" required>
        <label for="content">Content</label>
        <input type="text" id="editorjs" name="content" placeholder="Content" required>
        <button type="submit">Create</button>
    </form>

    <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>
    <script>
        const editor = new EditorJS('editorjs')
    </script>
    </body>
</html>

如何让EditorJS界面出现在ejs文件中？

4

2 回答 2

0

错误消息会很有帮助。

你启动你的快递服务器了吗？您的 app.js 似乎不见了app.listen(8080);

您的 app.get() 调用也缺少右括号。

以下代码对我有用：

const express = require('express')
const app = express()

app.use(express.json())
app.set('view engine', 'ejs')

app.get('/', function(req, res) {
    res.render('index.ejs')
})

app.listen(8080);

您是否正确安装了 express 和 ejs？ npm i -s ejs express

此外，视图引擎似乎希望您的 ejs 文件位于“views”文件夹中。当您在浏览器中打开该页面时，如果它仍然无法工作，您应该会看到一条错误消息。

于 2022-02-11T15:45:16.563 回答
0

经过几次研究，我发现，而不是使用<input id="editorjs">if 我使用<div id="editorjs"></div>，EditorJS 界面显示出来。

于 2022-02-15T05:04:10.573 回答