如何将tinyMCE内容呈现为

Question

我正在学习node.js/express/mongoDB，我正在创建一个博客。我使用tinyMCE作为编辑器，但我不知道如何将输入呈现为html。相反，它会在我的内容周围显示标签。如何将其显示为html？

input with tinyMCE

output with no HTML

以下是我的显示页面的代码

<div class="row">
            <div class="col-6 offset-3">

                    <%= blog.body %>

            </div>
        </div>
    </div>

下面是我的博客创建代码

<div class="form-group">
                    <!-- use TINYMCE for textarea -->
                    <label for="blogContent">Blog Content</label>
                    <textarea class="form-control" name="blog[body]" id="editor" cols="30" rows="10" type="hidden"></textarea>
                </div>
                <input class="btn btn-primary mb-3" type="submit">
            </form>
        </div>
    </div>




<% include modal.ejs %>
    <script>
    tinymce.init({
        selector: '#editor',
        plugins: [
                 "image",
           ],
    });
    </script>

Answer 1

试试看，它很适合我。注意，我没有使用node，并且对它知之甚少，所以请相应地进行调整。

HTML：

<textarea id="edit" class="mceEditor"></textarea>

微微控制器的初始化

tinyMCE.init({
            // General options
            mode : "specific_textareas",
            editor_selector : "mceEditor",
            plugins: 'autoresize'
            });

从TinyMCE检索：

let content   = tinyMCE.get('edit').getContent();

Answer 2

使用这个HTML标记可以转义<%=代码。所以HTML不会被呈现，这就是为什么你会看到显示的HTML标签。

如果您想对HTML代码取消转义，请使用<%-标记。

<%- blog.body %>

更多信息请点击此处https://ejs.co/