我正在使用SummerNote文本编辑器，但自定义图像上传的处理方式。
我正在使用Laravel并且S3图像上传工作正常。
我用于来自SummerNote的onImageUpload回调的代码调用ajax函数，该函数上传图像并在成功响应中使用此函数将图像放置在编辑器中：
var image = $('<img>').attr('src', 'http://s3.mydomain.com/images/' + url.image.name);
$('#edit').summernote("insertNode", image[0]);
（#ditit是我的编辑的名字）
问题是，我正在尝试复制其内容的Medium.com样式。
我将编辑器设置为100浏览器宽度，然后我的P标签的最大宽度为700px，自动到中心的边距。
当响应代码添加图像时，它会将其添加到P标记中，这意味着图像的最大宽度也是700px。
我的目标是让它们100％宽度的容器，但保持文本段落最大为700px。
我能想到的解决方案是在图像的父P标签中添加一个类。 ＆＃39;具有图象＆＃39;然后调整样式。
在创建图片代码时有任何帮助吗？
简而言之，在使用此代码创建图像元素时，如何向父元素添加类（或者如果有建议则更好）
var image = $('<img>').attr('src', 'http://s3.mydomain.com/images/' + url.image.name);
$('#edit').summernote("insertNode", image[0]);