しぃペインター

しぃペインター」でお絵描きを保存するフィールドタイプです。「しぃペインター」作者 しぃちゃん 氏の定める利用規約に同意する場合のみ、使用できます。なお、このフィールドタイプを利用するには、別途「しぃペインター」をダウンロードし、適切な場所にアップロードする必要があります。

導入方法

  1. Vector「しぃペインター」ダウンロードページから、次の二つのファイルをダウンロードします。
    • Oekaki Shi-Painter Ver1.114 (sptr1114.zip)
    • Viewer (pchview_123.zip)
  2. ダウンロードしたファイルを解凍します。次のようなフォルダが作成されます。
    ─pchview_123
      ├PCHViewer.jar ←
      ├readme_pch.html ← 著作権や規約について書かれています。必ずお読みください。
      ├res フォルダ
      ├sample_applet.html
      ├sample_script.html
      └sample_window.html
    ─sptr1114
      ├readme_en.txt
      ├Readme_Shichan.html ← 著作権や規約について書かれています。必ずお読みください。
      ├res フォルダ ←
      ├sp.js
      ├spainter_pro.html
      ├spainter.html
      └spainter.jar ←
  3. 上記太字のファイルとフォルダを一つにまとめます。
    sptr ← 数字を消す
      ├PCHViewer.jar ←
      ├res フォルダ ← ※sptr1114 フォルダの中にあったもの
      └spainter.jar ←
  4. FTP ソフト等で、上記「sptr」フォルダを、「~/cgi-data/template/site/default/htdocs/lib/javascript」フォルダの中にアップロードします。
  5. セットアップアシスタント」の「JavaScript アップデート」にアクセスし、全てのサイトテンプレートおよび全てのサブディレクトリの javascript フォルダをアップデートします。
  6. この状態で「フィールド設定」を開くと、「しぃペインター」フィールドタイプが選択できるようになっています。

入力欄

タイトル
しぃペインターで描いた絵のタイトルを入力します。
しぃペインターを開く
ボタンをクリックすると「しぃペインター」ウィンドウが開きます。絵を描き終えたら、ウィンドウ左上の「投稿」ボタンを押し、絵を保存します。記事書き込みウィンドウに戻って記事を「保存」すると、絵が記事の一部として保存されます。
アニメーション表示画面を開くリンクを表示しない
描画過程を再現する「アニメーション表示画面を開くリンクを表示しない」場合チェックします。

詳細設定

基本情報
名前
フィールドの名前です。
タイプ
フィールドタイプです。
説明
入力欄の説明を設定します。入力欄の手前(上)に表示されます。
注意事項
入力欄の注意事項を設定します。入力欄の直後(下)に表示されます。
編集ウィンドウ横幅
編集ウィンドウ横幅を設定します(ピクセル)。
編集ウィンドウ高さ
編集ウィンドウ高さを設定します(ピクセル)。
画像横幅
画像横幅を設定します(ピクセル)。
画像高さ
画像高さを設定します(ピクセル)。
サムネイル画像
サムネイル画像を表示する場合チェックします。
一覧でのみサムネイル画像を使用する。
「一覧でのみサムネイル画像を使用する」場合チェックします。
サムネイル横幅
サムネイル横幅を設定します(ピクセル)。
サムネイル高さ
サムネイル高さを設定します(ピクセル)。
画像リンクの rel 属性
lightbox.js 等を利用する場合、設定します。サムネイル画像が存在し、かつ、リンク先が完成画像ファイルである場合(アニメーション表示画面を開くリンクを表示しない場合)、<a> タグに設定された rel 属性が追加され、完成画像ファイルが新しいウィンドウで開かなくなります。
セキュリティ設定
クリック数が何回以下の時送信を拒否するか設定します。作業時間が何秒以下の時送信を拒否するか設定します。
通知メールにファイルを添付する
「通知メールにファイルを添付する」場合チェックします。
アニメーション表示画面を開くリンクを表示しない
描画過程を再現する「アニメーション表示画面を開くリンクを表示しない」場合チェックします。
タイトル
タイトルの入力がないときタイトルとして利用する文字列フィールドを選択します。「常にこのフィールドの値をタイトルにする」をチェックすると、入力画面でタイトル入力欄が表示されず、常に指定されたフィールドがタイトルとなります。
この CGI から開いたかどうかリンク元をチェックする
「この CGI から開いたかどうかリンク元をチェックする」場合チェックします。