dokuwikiに画像をドラッグアンドドロップで挿入したい 〜 dropfiles プラグイン

久々のdokuwikiの記事です。今回は、dokuwikiに画像をドラッグアンドドロップで挿入することができるプラグインの紹介をします。

1. dropfiles

WordやPowerPoint、あるいはブログのWordPressなど、最近のソフトは画像ファイルをドラッグアンドドロップするだけで、文章に挿入することができます。

しかし、dokuwikiの場合は、デフォルトだと画面が切り替わって、画像が表示されてしまいます。

「仕方がないかな」と思っていたのですが、今回「やっぱり不便」という声を受けて、プラグインを探してみることにしました。

日本語ではうまく探せなかったのですが、「dokuwiki drop」と検索してみるとdokuwiki dropfilesというプラグインが見つかりました。

https://www.dokuwiki.org/plugin:dropfiles

1-1. ダウンロードURLをコピーします

1-2. 手動インストール

dokuwikiの「管理→拡張機能管理→手動インストール」からインストールしました。

作業前にdokuwiki全体を事前にバックアップしておきましょう

2. 使い方

編集画面のテキストエリアにファイルをドラッグアンドドロップすると、ファイルがアップロードされます。

2-1. 設定

ただし、このままだと、これを文章に挿入するには結局「画像・ファイルの挿入」が必要です。それでは不便です。dropfilesには設定項目があります。

「insertFileLink」にチェックをつけると、カーソル位置にアップロードされたファイルが自動で挿入されるようになります。

dokuwikiの「管理→サイト設定」を選ぶと下の方にプラグインの設定項目が追加されています。

これにチェックをつけて保存します。

複数ファイルでもまとめて挿入できたのがわかります。

こんな感じで表示されます。

3. 社内wikiの良いところ

社内wikiの良いところは、

• ログイン情報で誰が見ているのか管理できる
• どこでも（パソコンでもスマホでもA4印刷でも）見ることができる
• 必要に応じて探せる・書き足せる

せっかく調べた情報・まとめた情報を活用していくのに、うまく利用していきたいと思います。

dokuwikiはホームページ用にサーバーを借りていれば、インストールすることができます。wiki自体にはランニングコストがかからないのでおすすめです。

ちなみに、クリップボードから画像を直接挿入できるプラグインとしては、imgpasteがあります。こちらも便利です。

https://www.dokuwiki.org/plugin:imgpaste

必要なプラグインを追加できるのが、dokuwikiの良いところですね。

4. こちらもどうぞ

DokuWikiの印刷用CSSを変更する（userprint.css）

DokuWikiで印刷用CSSを変更しようとした際、confフォルダにuserprint.cssを追加して印刷時専用のスタイルを記述しました。しかし、変更が反映されない問題に直面。解決策として、conf/tpl/style.iniファイルに空白文字を追加して保存することで、うまくいきました。DokuWikiはスタイルシートをキャッシュで管理しているため、プラグインやテーマの変更がなければ再読み込みされないことが原因でした。userprint.cssを作成する印刷時のCSSを変...

chiilabo.com

DokuWikiの編集画面のメッセージを直したい

ちいラボでは、社内WikiとしてDokuWikiを使っています。Wikiは気軽に編集できてこそ、価値が高まります。しかし、デフォルトのdokuwikiの編集画面で出てくる「当然のことですが、この文書の質を 向上 させる場合のみ編集してください。」というメッセージがちょっときついのです。編集するためのハードルが高くなってしまいそうですね。 そこで変更するための方法をまとめました。編集画面のメッセージとは dokuwikiで「ページの編集」をすると、編集画面上部にメッセージが表示...

chiilabo.com

QRコードを読み込むと、関連記事を確認できます。