YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: use markdown image syntax (#83)

Browse Source
This commit is contained in:
Steven
2022-06-21 22:14:52 +08:00
committed by GitHub
parent 9f81362027
commit f80f0f2422
10 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/ShareMemoImageDialog.tsx
View File

@ -20,10 +20,10 @@ const ShareMemoImageDialog: React.FC<Props> = (props: Props) => {
...propsMemo,
createdAtStr: utils.getDateTimeString(propsMemo.createdTs),
};
const memoImgUrls = Array.from(memo.content.match(IMAGE_URL_REG) ?? []);
const imageUrls = Array.from(memo.content.match(IMAGE_URL_REG) ?? []).map((s) => s.replace(IMAGE_URL_REG, "$1"));
const [shortcutImgUrl, setShortcutImgUrl] = useState("");
const [imgAmount, setImgAmount] = useState(memoImgUrls.length);
const [imgAmount, setImgAmount] = useState(imageUrls.length);
const memoElRef = useRef<HTMLDivElement>(null);
useEffect(() => {
@ -81,9 +81,9 @@ const ShareMemoImageDialog: React.FC<Props> = (props: Props) => {
</Only>
<span className="time-text">{memo.createdAtStr}</span>
<div className="memo-content-text" dangerouslySetInnerHTML={{ __html: formatMemoContent(memo.content) }}></div>
<Only when={memoImgUrls.length > 0}>
<Only when={imageUrls.length > 0}>
<div className="images-container">
{memoImgUrls.map((imgUrl, idx) => (
{imageUrls.map((imgUrl, idx) => (
<img
crossOrigin="anonymous"
decoding="async"