起因 在博客园写文章,有时需要上传好多大图片,如果这些图片过大,则会导致页面变形。 因此有一个实际的需求,能够在博客园的编辑页面,直接批量修改所有图片的大小,然后给这些图片添加链接,以便点击时转到大图。 简单实现 在博客园编辑页面,上传一些图片到博文中 点击“编辑HTML源代码”按钮,此时弹出框中就是博客的HTML表示 打开浏览器调试窗口,拷贝如下 JavaScript 代码,并运行,此时编辑框中HTML代码已经被修正,保存即可! 代码: var doc = $($('iframe[id^=mce]')[0].contentWindow.document); 注:这里已经加入了容错处理,如果已经为图片添加链接,则不做处理 实际操作如下图所示: 如果已经为图片添加链接,则不做处理 实际操作如下图所示:
|
|