ブログやWorkFlowy等に直貼りしたGyazo画像の管理ページをさくっと開く方法

WorkflowじゃなくてWorkFlowyです。スミマセン。
次の記事あたりからWorkflowに戻ります。

--

↓ 画像が貼り付けられているページで

↓ このブックマークレットを起動すると

javascript:(function(){var urls=[];Array.prototype.slice.call(document.images).forEach(function(value){var image_url=value.src;var matched=image_url.match(/https:\/\/(.+?\.)?gyazo\.com\/(.+?)[\.\/]/);if(matched){urls.push({image_url:image_url,gyazo_url:'https://gyazo.com/'+matched[2]})}});if(urls.length===0){alert('Gyazoの画像が見つかりません。');return}[document.body,document.head].forEach(function(value){value.parentNode.replaceChild(value.cloneNode(false),value)});document.body.style.backgroundColor='#708090';urls.forEach(function(value){var img=document.createElement('img');img.setAttribute('src',value.image_url);img.setAttribute('style','width: 100%25');var a_elem=document.createElement('a');a_elem.setAttribute('href',value.gyazo_url);a_elem.setAttribute('target','_blank');a_elem.setAttribute('style','width: 48%25; float: left; margin: 0 0 5px 1%25');a_elem.appendChild(img);document.body.appendChild(a_elem)})})();

↓ Gyazoの画像だけズラッと表示される

↓ 画像をクリックすると

↓ 管理ページが新しいタブで開いた。

やったぜ!


WorkFlowyへの画像貼り付けにChrome拡張機能の「WorkFlowy Images」を使っています。
WorkFlowy Imagesについてはこちらの記事で知りました。

拡張機能「WorkFlowy Images」(&「Gyazo」)を使ってWorkFlowyで画像を扱う - ウラガミ

定期的に Chromeウェブストアで「WorkFlowy」を検索するマンです。 「WorkFlowy Images」という 拡張機能 を使ってみたらかなり良かったので紹介。 機能は「画像のURLをWorkFlowyのトピックやノートに貼り付けると画像が表示される」というもの。名前の通り...

スポンサーリンク
スポンサーリンク

コメントを残す

メールアドレスが公開されることはありません。