时间戳

首页 > 解决方案 > 如何将 tinyMCE 内容呈现为

javascript - 如何将 tinyMCE 内容呈现为

问题描述

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

使用 tinyMCE 输入

没有 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>

标签： javascriptnode.jsmongodbexpresstinymce

解决方案

使用此<%=ejs 标记，您可以转义 HTML 代码。所以 HTML 没有被渲染，这就是为什么你会看到显示的 HTML 标签。

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

<%- blog.body %>

更多信息在这里https://ejs.co/

推荐阅读