链接标签未显示在前端

时间:2019-01-15 04:07:23

标签: javascript node.js mongodb tinymce ejs

我正在使用tinyMCE作为节点应用程序上的文本编辑器。使用RESTful路由,我创建了一个典型的创建路由,该路由允许我创建博客帖子(see here)。我使用express / mongoose / mongodb作为后端。使用ejs,博客帖子的显示路由正在渲染通过tinyMCE输入的html,例如标题和段落标签。但是,我的问题是,通过tinyMCE添加链接和图像时,它们似乎没有显示在前端。在检查时,图像的src和href的链接尽管已添加到tinyMCE中,但并未存储在数据库中。

Here is me adding an image

Here is me adding a link

MongoDB entry with no src or href

以下是创建路线的相关代码

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




<script>
tinymce.init({
    selector: 'textarea',
    height: 500,
    menubar: false,
    plugins: [
        'advlist autolink lists link image charmap print preview anchor textcolor',
        'searchreplace visualblocks code fullscreen',
        'insertdatetime media table contextmenu paste code help wordcount'
    ],
    toolbar: 'insert | undo redo |  styleselect | bold italic backcolor  | alignleft aligncenter alignright | bullist numlist outdent indent | image link | removeformat | help',
});
</script>

1 个答案:

答案 0 :(得分:0)

如果该链接出现在编辑器中,但未在数据库中结束,则似乎是在发布和保存数据的过程中某处src属性已被删除。

如果您现在从TinyMCE那里获取HTML源代码,src标签上仍存在img属性吗?如果是这样,这不是TinyMCE问题,而是发布/保存过程中某个地方的问题。