てがろぐ公式サポート掲示板に投稿されていた「てがろぐでD＆Dまたはコピペで画像投稿するやつ」がとても便利そうなので導入してみました。
結果ものすごく便利です！！私自身、てがろぐを使い始めてから画像をコピペ投稿出来たら完全にTwitter（現𝕏）代替になるのになぁと思っていたので（落書きをコピペでポンポン上げる運用をしていた）、そういう使い方が可能になるのはとてもありがたいです。有用な情報の公開ありがとうございます🙏
スクリプトと導入方法は「てがろぐでD＆Dまたはコピペで画像投稿するやつ｜とくめー」さんをご覧になってください。サンプルはてんぷろぐでゲストログインしたら右上のペンマークを押すと開くクイックポストフォームで見たり使ったりすることができます。ドラッグ＆ドロップやコピペした時点で記事を投稿しなくても画像はアップロードされてしまう点をご注意ください。
導入するときの注意点
「サムネイルを作成」機能を使う場合は手動で「images」フォルダの中に「mini」フォルダを作っておく（てがろぐデフォルトでは多分存在しません）。
配布元とてんぷろぐに導入した「D＆Dまたはコピペで画像投稿するやつ」の違い
- javascriptでupload.phpがあることを確認してから必要なHTMLコードを挿入しています
- サムネイルに「サムネイル」という文字を合成しています
- プレビューエリアの代わりに「簡易プレビュー」でアップした画像を見られますが、ここはテキストエリアになにか文字や改行などを入力したときに反映されます
なので「てがろぐでD＆Dまたはコピペで画像投稿するやつ｜とくめー」さんの説明通りに導入した場合、「てんぷろぐ」で見られるものとはちょっと違うことをご了承ください。
文字合成の話
せっかくPHPを使うなら文字合成とかしてみても面白いのでは？という思い付きでやりました、すみません。
サンプルではサムネイルにだけ大きく「サムネイル」って書いてますがこれを「自サイトURL」とかにしてフォントサイズや位置を調整し元画像にも出力できるようにすれば転載対策の一つにもなったりするかもしれません。
手間取った点メモ
ローカルではうまくいってたのにウェブサーバにあげるとなぜか合成した文字が文字化けしてしまう点については「[php] imagettftext - せりかログ」が非常に参考になりました。めちゃくちゃ罠だった…。
Fancybox3利用時に画像を保存しにくくさせるオプション
上記とは関係ないですが公式サポート掲示板を見てて思いだしたので。てがろぐの「画像拡大スクリプト」でFancybox3を使っている場合にはskin-cover.htmlの</body>直前あたりに
<script>
$('[data-fancybox]').fancybox({
// オプションを下記に記載していきます
protect: true, // 右クリック抑制
});
</script>と追記するとFancybox3で開いた画像の上で右クリックしても画像を保存やコピーなどのメニューが出なくなります。
