プログラマーズ雑記帳

今回は Attach image from clipboard プラグインの紹介です。
これはクリップボードから直接画像を直接添付できるようにするプラグインです。

• Attach image from clipboard - Plugins - Redmine

同様の機能を持つプラグインに Redmine Attach Screenshot があります。違いは次のようなところです。

• ピュア JavaScript
  • Redmine Attach Screenshot は Java
• チケットだけでなく、 Wiki 、 ニュースなどでも使える
• 日本語メッセージあり

HTML5 での JavaScript の機能追加

プラグインの紹介の前にピュア JavaScript のところを少し説明します。

HTML5 仕様ではWeb アプリケーション関連の JavaScript の機能として次の機能が追加されました。

• Drag & Drop
• ローカルファイルの IO
• クリップボードの利用 (正確には別仕様ですが)

これらを利用すれば、ファイルの添付など処理がとても使いやすくなります。
実際、このクリップボードの機能を利用して作られたのが今回のプラグインです。

ただし、 HTML 仕様への対応はブラウザーによるため、 Clipboard API に対応している Chrome や Firefox などを使う必要があります。


今回のプラグインは Clipboard API を使用していますが、Drab & Drop や ファイルの IO を利用したプラグインもあります。
ただし、こちらは私の試した環境 (Redmine 2.2.1 、 Windows) では動作しませんでした。

• Redmine jquery file upload plugin - Plugins - Redmine

使い方

インストールするとファイル添付の下にクリップボード用のリンクが追加されます。


これをクリックし、 Ctrl-V で貼り付けます。 貼付け後、更に領域を選択すこともできます。


また、指定後にできるチェーンのリンクをクリックすると、画像埋め込み用のコードを取得することもできます。


thumbnail マクロについては、以前の記事を見てください。

• 意外と知らない かもしれない Redmine の機能 13 選 #サムネイル用マクロ | プログラマーズ雑記帳

なお、私の試した環境では Wiki だと、たまに失敗しました。(Ver. 1.4)

インストール

GitHub のページから zip ファイルをダウンロードします。

• Tags ・ peclik/clipboard_image_paste ・ GitHub
• GitHub, Bitbucket でのファイルのダウンロード方法 | プログラマーズ雑記帳

(RedmineRoot)/plugins ディレクトリー以下に展開し、
ファイル名を clipboard_image_paste に変更します。

データベースを使うタイプではないので、 あとは Redmine を再起動すれば、動作するようになります。

関連記事

• Redmine お勧めプラグイン - Fulmo (Posting issues helper API plugin)
• Redmine お勧めプラグイン - Charts (2.0 対応)
• お勧めプラグイン - Impasse (テスト管理)
• Redmine お勧めプラグイン - Attach image from clipboard
• Redmine お勧めプラグイン - Inline Note Images (チケットのコメントでも添付画像をサムネイル)