# このスクリプトについて

てがろぐで使える画像アップロード用拡張スクリプト(a.k.a てがろぐでD＆Dまたはコピペで画像投稿するやつ)です。
```
・複数画像D＆D
・Ctrl＋Vでクリップボードの画像をアップロード
・サムネイル自動作成(加工の反映を選択可能)
・画像フォーマット変換(WebP,AVIF対応)
・文字入れ機能
・透かし画像入れ機能(位置選択可能)
・リサイズオプション(PHPにて設定)
・トリミング機能
・ファイル命名規則切替
```
が主な機能です。

ログイン状態でないとUIが表示されないようになっています。
画像の選択は点線内のUIから行ってください(コピペはその限りでないです)。てがろぐ純正の「画像」からでは各オプションは反映されません。
画像は「投稿」ボタンでアップロードされます。不要な画像を上げてしまった場合は手動で削除してください。
画像一覧は管理画面内の「画像の管理」にアクセスすることで反映されます。

## 使い方

透かし画像を使う場合はPNG画像を用意してください。(サンプル用にwatermark.pngを同梱しています。差し替えてください。)

ZIPを展開し、中にあるファイルをそのままtegalog.cgiと同じディレクトリにコピーしてください。
ファイル構成は以下のようになるはずです。

てがろぐのあるディレクトリ
- tegalog.cgi
- tegalog-auth.php(ログイン連携用共通スクリプト)
- tega-exuploader
  - uploader.php *
  - uploader.js *
  - uploader.ini
  - .htaccess
  - watermark.png
  - Mplus1-Regular.ttf

アップロードできたら、

    <script src="tega-exuploader/uploader.js"></script>

を使用中スキンのskin-cover.html内、[QUICKPOST]下に張り付けてください。

アップローダーを更新する際は * のついているファイルだけ最新版を上書きコピーしてください。

### uploader.js

6~10行目
無理やりここにスタイルシートを組み込んでいるので、見た目を変えたい場合はここを弄るか、skin-cover.htmlで使用しているCSSに追記してください。

19行目

    <input type="text" id="customText" value="無断転載禁止/DO NOT REPOST">

 value内のテキストを変更しておくと便利です。
 頻繁に使う項目は checked を付けておくとよいでしょう。

33行目あたり

    <option value="watermark.png">watermark.png</option>

透かし画像を複数使う場合は、以上に続き<option value="watermark2.png">サンプル１</option>のような形で追加してください。

### uploader.ini

設定項目です。初期値は以下のようになっています。
```
# 画像アップロード先ディレクトリ
uploadDir=../images/
# サムネイル保存先ディレクトリ
miniDir=../images/mini/
# サムネイルの幅(px)
thumbnailWidth=300
# テキスト挿入に使うフォントファイル
fontFile=Mplus1-Regular.ttf
# 画像サイズ制限オプション（1 = 有効, 0 = 無効）
resizeOption=1
# リサイズ時の最大サイズ(px)
maxDimension=1000
# 透かし画像ファイル
defaultWatermark=watermark.png
# 透かし画像の倍率（対横幅）
watermarkScale=0.2
# ファイル名モード: 1 = 元ファイル名 2 = ランダムな英数字（12文字） 3 = 日時+連番-ユーザーID
fileNamingMode=3
# 一度にアップロードできる最大ファイル数
maxFileCount=20
# 1ファイルあたりの最大サイズ（MB）
maxFileSizeMB=20
# 画像変換オプション（0 = 変換なし, 1 = WebPに変換, 2 = AVIFに変換）
imageConvertOption=1
# JPEG保存品質（%）
jpegQuality=85
# 画像1枚あたりの最大ピクセル数（幅×高さ。約40メガピクセル。デコード時のメモリ消費対策）
maxImagePixels=40000000

```
注意:
アップローダー本体を更新するときはこのファイルを上書きしないようにしてください。

・Mplus1-Regular.ttf
文字入れ機能用の初期フォントファイルとして、Mplus1-Regular.ttfが同梱されています。

>M+フォントについて
>https://mplusfonts.github.io/
>SIL Open Font Licenseについて
>https://licenses.opensource.jp/OFL-1.1/OFL-1.1.html

## TIPS：新規投稿/編集画面で使う方法

1. <script src="tega-exuploder/uploader.js"></script>
だけ書いたedit.htmを用意し、使用中のスキンディレクトリにアップロード。
2. 管理画面→システム設定→高度な設定 内の
☐スキンDIRにedit.htmがあれば編集画面で読み込む
にチェックを入れる。
3. 使えます。

**上級者向け**
このスクリプトはclass="tegalogpost"がある場合その下に挿入されるようになっています。
これを応用して、てがろぐCGIソース内の「セーフモード」項目を変更、高度な設定の「編集画面でedit.cssとedit.jsを(あれば)読み込む 」にチェックを入れてuploader.jsをedit.jsに変更の上フリースペースでスクリプトを読み込むようにするとすべての投稿画面で使えるようになります(確かめてないので、多分)。ただし不具合が出る可能性があるので自己責任の上ご利用ください。

このスクリプトはAIエージェントを用いて作成しました。不具合があるかもしれませんので、もし見つけた方はhttp://tekitote.s324.xrea.com/ までご連絡ください。

また、このスクリプトの改変、改変後の再配布、自作配布スキンへの組み込みはご自由にどうぞ。
できればhttp://tekitote.s324.xrea.com/ へのリンクがあるとなにかあった場合に助かるかもしれません。

このスクリプトを利用して生じたトラブルについては責任を負いかねますのでご了承ください。
