newthuhole/hole_thu_frontend
4
6
Fork 2
Code Issues 8 Pull Requests Projects Releases Wiki Activity

feat: link for image

Browse Source
This commit is contained in:
hole-thu
2022-08-25 21:21:54 +08:00
parent e0afdf0074
commit e6140c32a8
1 changed files with 20 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/Common.js
View File

@@ -140,21 +140,27 @@ export class HighlightedMarkdown extends Component {
{ {
shouldProcessNode: (node) => node.name === 'img', shouldProcessNode: (node) => node.name === 'img',
processNode(node, index) { processNode(node, index) {
const rp =
STORAGE_BASE && node.attribs.src.startsWith(STORAGE_BASE)
? 'origin'
: 'no-referrer';
return ( return (
<span className="ext-img__warpper loading"> <a
<img href={normalize_url(node.attribs.src)}
src={normalize_url(node.attribs.src)} target="_blank"
alt={node.alt} referrerPolicy={rp}
className="ext-img" >
referrerPolicy={ <span className="ext-img__warpper loading">
STORAGE_BASE && node.attribs.src.startsWith(STORAGE_BASE) <img
? 'origin' src={normalize_url(node.attribs.src)}
: 'no-referrer' alt={node.alt}
} className="ext-img"
onError={stop_loading} referrerPolicy={rp}
onLoad={stop_loading} onError={stop_loading}
/> onLoad={stop_loading}
</span> />
</span>
</a>
); );
}, },
}, },