Question

我正在学习node.js / express / mongoDB，并且正在创建一个博客。我使用tinyMCE作为编辑器，但无法弄清楚如何将输入呈现为html。而是在我的内容周围显示标签。如何将其显示为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

尝试一下，它非常适合我。请注意，我不是使用节点，并且对此了解很少，因此请进行相应调整。

HTML：

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

微型MCE的初始化：

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

从TinyMCE检索HTML：

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

Answer 2

使用此<%= ejs标记，可以转义HTML代码。因此未呈现HTML，这就是为什么您看到显示的HTML标签的原因。

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

<%- blog.body %>

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

如何将tinyMCE内容呈现为

2 个答案: