移除 ptt 網頁版的 imgur 圖片的外框

ptt-imgur.user.js

// ==UserScript==
// @name        ptt imgur embed
// @namespace   gist.github.com/dk00
// @include     https://www.ptt.cc/bbs/*.html
// @include     https://www.ptt.cc/man/*.html
// @version     0.0.3
// @license     Unlicense
// @compatible	firefox
// @compatible	chrome
// @run-at      document-start
// ==/UserScript==

const h = (tag, props) => Object.assign(document.createElement(tag), props)

const preventScript = test => event =>
  test(event.target.src) && event.preventDefault()
const isImgurScript = name => /imgur.com/.test(name)
document.addEventListener('beforescriptexecute', preventScript(isImgurScript))
try { //if no beforescriptexecute
  unsafeWindow.imgurEmbed = {createIframe: () => void 8}
} catch(e) {}

document.addEventListener('DOMContentLoaded', main)

const entry = '.imgur-embed-pub'

const imgurURL = node => {
  const link = node.parentElement.previousElementSibling
  return (link.href || link.querySelector('a').href).replace('http:', 'https://') 
}

const ensureSuffix = url => /\.(jpe?g|png)$/.test(url)? url: url + '.jpg'

function repaste(node) {
  node.parentElement.appendChild(h('img', {
    src: ensureSuffix(imgurURL(node)),
    referrerPolicy: 'no-referrer'
  }))
}

function main() {
  Array.from(document.querySelectorAll(entry)).forEach(repaste)
}

ptt.css

.bbs-content {
  font-family: monospace;
}