我正在使用tinyMCE作为节点应用程序上的文本编辑器。使用RESTful路由,我创建了一个典型的创建路由,该路由允许我创建博客帖子(see here)。我使用express / mongoose / mongodb作为后端。使用ejs,博客帖子的显示路由正在渲染通过tinyMCE输入的html,例如标题和段落标签。但是,我的问题是,通过tinyMCE添加链接和图像时,它们似乎没有显示在前端。在检查时,图像的src和href的链接尽管已添加到tinyMCE中,但并未存储在数据库中。
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>
答案 0 :(得分:0)
如果该链接出现在编辑器中,但未在数据库中结束,则似乎是在发布和保存数据的过程中某处src
属性已被删除。
如果您现在从TinyMCE那里获取HTML源代码,src
标签上仍存在img
属性吗?如果是这样,这不是TinyMCE问题,而是发布/保存过程中某个地方的问题。