Ckeditor with ejs

Question

我在 ejs 文件中添加 ckeditor 时遇到问题。我正在将其作为脚本文件从我的公用文件夹导入

EJS文件负责人

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"
integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T"
crossorigin="anonymous"></script>
<!-- Editor -->
<script type="text/javascript" src="assets/ckeditor/ckeditor.js"></script>

我确信它正在寻找正确的路径，因为我没有像以前那样出现控制台错误。然后在文本区域中，我使用了编辑器类，就像我在文档中看到的那样，但是当我去查看编辑器时，它仍然只是一个带有引导类的文本区域

文本区域 我想更改

<div class="form-group">
<label for=""></label>
<textarea type="text" class="form-control mb-2 editor" placeholder="Your message" name="message"></textarea>
</div>

是我做错了什么，还是 ckeditor 无法使用 EJS？

Answer 1

尝试在加载时使用 JS 方法初始化。

CKEDITOR.replace('ID_OF_TEXTAREA');

Answer 2

我知道这可能为时已晚，但愿将来对其他人有所帮助。 因此，确保 ckeditor.js 的路径正确，您只需添加此脚本即可<script type="text/javascript"> CKEDITOR.replace( "name of text area");</script>在上述问题的情况下，"消息"是文本区域的名称，因此设置了<script type="text/javascript"> CKEDITOR.replace( "message");</script>