用jQuery替换文章编辑器里的图片样式及alt标签 实现自定义图片样式
使用迅睿cms建站如果是固定位置展示图片或者图片集,我们可以用迅睿cms的图集功能结合前端样式去实现。如果想把文章正文中的图片(通过编辑器上传的),设置指定样式。可以考虑使用本文方法,用 JQ 替换编辑器里的图片样式。
应用范围:
实现点击图片以灯箱显示原图效果等;
实现图片以指定样式显示等;
实现图片下方显示图片标题等;
...
示例代码:
以下为示例代码,根据实际应用,修改图片名称调用标签(我这里调用的是文章标题),修改样式标签等。
<script type='text/javascript'>
const pagesTitle = '{$title}';
// 重构img标签
$('article img').replaceWith(function () {
const imgSrc = $(this).attr('src');
return (
'<div class=""><img src="' + imgSrc + '" alt="' + pagesTitle + '" ><p class="">' + pagesTitle + '</p></div>'
);
});
</script>
免责声明:1.凡本站注明“来源:XXX(非老K模板网)”的作品,均转载自其它媒体,所载的文章、图片、音频视频文件等资料的版权归版权所有人所有,如有侵权,请联系laokcms#126.com处理;2.凡本站转载内容仅代表作者本人观点,与老K模板网无关。
相关文档
- pbootcms、dedecms等模板标签正则替换为迅睿cms标...
- 迅睿cms模板如何自定义分页css样式
- 迅睿cms首页及各页面实现ajax瀑布流滚动加载
- 使用FancyBox弹出窗口插件实现图片/视频点击弹出层浏览
- 使用VenoBox弹出窗口灯箱插件实现图片相册功能
- 迅睿cms模板循环标签每隔几行几个更换或指定输出特定样式
- 迅睿cms网站任意页面前端调用全局模块表单提交及自定义样式方法
- 使用JavaScript代码实现页面下滑时顶部导航栏固定跟随页面...
- 迅睿cms网站后台控制台面板如何添加自定义数据?
- 百度编辑器 UEditor 用 highlight.js 库实现...
- 用jQuery替换文章编辑器里的图片样式及alt标签 实现自定义...
- 迅睿cms站群系统实现全国城市分站功能插件及调用标签
- 迅睿cms文章标题生成图片插件:亿级文章配图器不占用空间
- 迅睿cms使用API接口实现主站统一管理多站点群友情链接
- 迅睿cms模块和栏目如何自定义内容搜索页面模板
- 外贸网站H2标签SEO优化注意事项
- 外贸网站图片原创度及Alt标签SEO优化
- WordPress为旧文章批量设置特色图
- WordPress实现整站静态化 WP2Static使用教程
- Editorial Calendar为你的WordPress添加...
0 条评论