用 JQ 替换编辑器里的图片样式 和 替换编辑器里的图片alt为文章标题,这只是V1.0 ,进一步优化用户体验的话,可以在img标签外嵌套一层,实现 默认显示缩略图,点击缩略图 灯箱显示原图
const pagesTitle = '[ 此处为JS替换标题 ]';
// 重构img标签
$('article img').replaceWith(function () {
const imgSrc = $(this).attr('src');
return (
'<img data-src="' + imgSrc + '" data-width data-height alt="' + pagesTitle + '" uk-tooltip="title: ' + pagesTitle + '; pos: bottom" uk-img>'
);
});demo+代码地址:
https://jsbin.com/silukev/edit?html,js,output