WorkFlowyで画像表示するQuickLookをブックマークレットにしてみた
大きな画像を画面に収める。
QuickLook
httpsプロトコル限定。通常のhttp始まりだと表示しません。WorkFlowyはテキスト主体なので画像や動画を扱えません。ただ、URLアドレスはリンクになってSafariで確認できます。ということ...
前回はiframe表示のみだったのですが、今回は場合分けを導入。YouTubeとWikipediaをiframeタグにし、それ以外はimgタグにしました。これで画像が画面を超えることがありません。元サイズを意識せずにWorkFlowyに貼り付けていけます。まずはHandyFlowy用。
MemoFlowy経由で登録→ http://tinyurl.com/j3aaot4
画像はGoogleフォトから
リンクが長いけど。制限なしの写真アップローダ。Googleだから安心(？)というか、流出しても安心な範囲で運用してください。ブログ用の写真アップロードには最適だと思います。そして、これの写真リンクがh...
Googleフォトの写真をWorkFlowyに貼り付ける用途を考えています。PhotoTakerでリンクを取得すれば、アウトラインで画像の整理ができる。図表など資料を添付する場合かな。間違った写真を付けていないか確認できるし。しかも画像表示のまま並べ替えもできる。
パソコン用ブックマークレット
これってパソコンでも表示できないと意味無いよなあ。出来るかな。javascript:p=pageContainer.querySelectorAll(".content");for(i=0;i<p.length;i++){s=p[i];text=s.innerHTML;text=text.replace(/<a class=\"contentLink\"(.+?)href=\"(https:\/\/.*?youtube\.com.+?)\">(.+?)<\/a>/g,"<iframe width=280px src=\"$2\" frameborder=0>$2</iframe>");text=text.replace(/<a class=\"contentLink\"(.+?)href=\"(https:\/\/.*?wikipedia\.org.+?)\">(.+?)<\/a>/g,"<iframe width=100% src=\"$2\" frameborder=0>$2</iframe>");s.innerHTML=text.replace(/<a class=\"contentLink\"(.+?)href=\"(https:\/\/.+?)\">(.+?)<\/a>/g,"<img style=max-width:100%; src=\"$2\"><div style=display:none;>$2</div>");}実験結果
はい、WorkFlowy内でYouTubeが動きました。
