用jQuery替换文章编辑器里的图片样式及alt标签 实现自定义图片样式

使用迅睿cms建站如果是固定位置展示图片或者图片集,我们可以用迅睿cms的图集功能结合前端样式去实现。如果想把文章正文中的图片(通过编辑器上传的),设置指定样式。可以考虑使用本文方法,用 JQ 替换编辑器里的图片样式。

应用范围:

实现点击图片以灯箱显示原图效果等;

实现图片以指定样式显示等;

实现图片下方显示图片标题等;

...

示例代码:

以下为示例代码,根据实际应用,修改图片名称调用标签(我这里调用的是文章标题),修改样式标签等。


const pagesTitle = '{$title}';
// 重构img标签
$('article img').replaceWith(function () {
  const imgSrc = $(this).attr('src');
  return (
      '' + pagesTitle + '

'   ); });


标签:

上一篇迅睿cms读取zip压缩包文件目录结构配合jsTree展示文件树列表
下一篇迅睿cms站群系统实现全国城市分站功能插件及调用标签

相关文章