EditorJS 没有出现？如何解决这个问题？

Question

我正在创建博客。这里我使用 EditorJS 作为我的 blog-post 编辑器。我正在使用 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文件中？

Answer 1

错误消息会有所帮助。

你启动你的快递服务器了吗？您的 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-files 位于“views”文件夹中。当您在浏览器中打开该页面时，如果它仍然无法运行，您应该会看到一条错误消息。

Answer 2

经过多次研究我发现，如果我使用 <div id="editorjs"></div> 而不是使用 <input id="editorjs">，EditorJS 界面就会出现。

EditorJS 没有出现？如何解决这个问题？

EditorJS not showing up? How to fix this?

ejs

node.js

express

editorjs