用 JQ 替换编辑器里的图片样式 和 替换编辑器里的图片alt为文章标题
迅睿框架 更新 2021-07-16 12:34:03
geekcode
geekcode
用 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
