Redactor编辑器上传图片时更改图片标签

Question

上传图片时使用Redactor

Redactor将生成<img src="blablabla.png"/>标签

如果我想要标签像这样:

<img class="myClass" src="blablabla.png"/>

如何实现呢？

我查看了所有的API和回调函数，但没有找到任何可用于实现此功能的方法。

- Huei Tan

---

这似乎是一个非常具体的需求，人们是否可以通过编辑器为图像分配类？ - filype

@Filype 确实很具体。但我认为用户可以轻松更改图像标记模板。 - Huei Tan

Answer 1

看起来你可以使用imageUploadCallback。

这个回调函数在成功上传图片时触发，图片DOM元素可供你操作。

$('#redactor').redactor({
    imageUploadCallback: function(image, json)
    {
        // image = this is DOM element of image
        // json = for example: { "filelink": "/images/img.jpg" }
    }
});

- filype

---

我在考虑使用blurCallback解析所有的<img/>标签并为它们添加类，但目前比较忙。希望我能轻松地更改redactor图像标签模板。 - Huei Tan

即使它们不是通过Redactor上传的？ - filype

Filype是正确的，你最好使用imageUploadCallback和dropCallback来像这样给图片添加类addClass：image.addClass('myClass');返回的图片已经是一个jQuery对象。 - Nerdroid