富文本 wangeditor insertFn 插入附件时如何在附件名称前插入图片
时间: 2024-03-08 07:50:45 浏览: 56
在 `insertFn` 中插入附件时,可以使用 `<img>` 标签来插入图片,并将图片与附件名称放在同一个元素中,例如:
```
// 获取需要插入的附件信息
var filename = '附件名称';
var fileurl = '附件链接';
// 构造需要插入的 HTML 代码
var content = '<p>附件:<a href="' + fileurl + '"><img src="图片链接" width="16" height="16" /> ' + filename + '</a></p>';
// 调用 insertFn 函数插入内容
editor.insertFn(content);
```
在上述代码中,使用 `<a>` 标签来创建附件链接,同时在链接中插入图片和附件名称,使得图片和附件名称在同一行中显示。
需要注意的是,上述代码中的图片链接需要替换为实际的图片链接,以便正确显示图片。同时,也可以根据实际需求调整图片的大小,或者使用其他图片样式来进行美化。
阅读全文