用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模板网无关。
相关文档
- 百度网页快照是什么?怎么用?有啥特点?这篇文章告诉你
- 企业网站推广怎么做?关键词优化与有用文章发布是关键
- 聊聊个性化首页:自定义设置与内容展现方式,好处及模块挑选方法
- 广告管家是什么?有啥用?怎么用?一篇文章全讲清
- 互联网时代 SEO 在线优化工具到底啥用?能否助力网站文章?
- 关于百度收录那些事儿,你知道如何让文章顺利被收录吗?
- 谷歌从标题到Alt:详解谷歌SEO标签如何影响流量获取
- 百度近日收录查询引关注,网站文章何时被收录成难题?
- SEO写作秘籍大公开!明确主题与关键词,提升文章曝光率
- 网站优化怎么保持文章的质量更新?
- 易企CMS网站 更换域名并数据恢复后文章无法修改
- 想下载别人博客文章?简单与复杂全看技术水平
- 有流量了,把文章再优化是这样操作吗
- 研究文章采集:爬虫、反爬机制与采集规则全解析
- 用ai写的文章会被搜索引擎识别吗
- 移动端修改标题标签怎么改?
- 简单5步教会你如何创建自定义ChatGPT
- 东莞SEO优化实战指南,从基础框架到本地化策略,如何实现排名飞跃
- 小旋风万能蜘蛛池x8.3免权如何实现永久使用?2025最新破解教...
- 北京SEO公司实测:2025未案新站如何实现3小时百度收录?附操...
0 条评论