URL Copier

URLをコピーするボタンつけたい

Social share

{{ item[0] }} Copy URLCopied! Copy Markdown Copied!

なんかこう…HTML側で…共有先のリスト書いて…あとはJSとCSSをペッて貼る感じの…楽をしたくて…
アイコンはPhosphor Icons（MIT License）をつかっている
Water.css（MIT License）に合わせたCSSになっているけどまあなんか…なんとかして…
<div id="sharelist" style="display: none;"> [["X(Twitter)","https://twitter.com/intent/post?text=","ph ph-x-logo"], ["Threads","https://www.threads.net/intent/post?text=","ph ph-threads-logo"], ["Bluesky","https://bsky.app/intent/compose?text=","ph ph-butterfly"], ["Taittsu","https://taittsuu.com/share?text=","ph ph-pants"], ["fedifile","https://fedifile.net/share?text=","ph ph-fediverse-logo"]] </div> <p class="socialshare" id="sns"> <a v-for="item in shareListArray" class="sharebutton" :href="item[1] +pageinfo.title+` `+pageinfo.url"><span class="tooltip-text">{{ item[0] }}</span><i :class="item[2]"></i></a> <button class="sharebutton" onclick="copyInfo()"><span class="tooltip-text">Copy URL</span><i class="ph ph-copy-simple"></i><span id="copied">Copied!</span></button> <button class="sharebutton" onclick="copyMd()"><span class="tooltip-text">Copy Markdown</span><i class="ph ph-markdown-logo"></i><span id="copied2">Copied!</span></button> </p>

2024-4-9(Tue)　ああああ

Top