联系官方销售客服

1835022288

028-61286886

分享经验 版主:论坛审计组
用 JQ 替换编辑器里的图片样式 和 替换编辑器里的图片alt为文章标题
类型:迅睿CMS 更新时间:2021-07-16 12:34:03

用 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



回帖
  • 刘波
    #1楼    刘波
    2021-07-16 12:34:03
    Chrome 0
    收藏了