小規模Webサイト向け CMS 「すぐ使えるCGI」のサポート情報

よく使うタグを入力画面に保存できますか?

最終更新日: 2013-04-09

「よく使うタグ」とは?

「すぐ使えるCGI」の管理画面では、よく使う HTML タグや入力パターン(コードスニペット)を入力画面に登録しておくことができます。

登録した内容は、入力画面の「よく使うタグ」(※)のリンクをクリックすると表示されます。

※ バージョンによっては「入力規則」というリンクの場合もあります。

「よく使うタグ」の表示例

コードスニペット実装イメージ

このページの内容

このページでは「よく使うタグ」の内容をカスタマイズする方法をご説明します。
HTMLタグだけでなく固定のテキストなども登録できます。

「よく使うタグ」以外の方法

より簡単に、右クリックメニューから入力できる方法もあります。
この方法について詳しくはページ末尾の「関連リンク」からご参照下さい。

設定方法

1.入力規則の作成

入力規則作成ツール」を使って、表示したい内容を編集して下さい。

設定を行った後「コード生成」ボタンを押すと「コード」の欄に HTML タグが書き出されますので、この HTML コードをコピーして以下のように利用して下さい。

2.templates/admin/2.html の編集

入力画面用テンプレート templates/admin/2.html を編集します。

テキストエディタでファイルを開くと「<!-- input format begin -->」と「<!-- input format end -->」のコメントの間に入力規則の表がありますので(下記青字部分)、これを1で生成した HTML コードで置き換えて下さい。

templates/admin/2.html 内の 置き換え対象コード(青字部分)

<!-- input format begin --> <div class="link2show" id="link2show"> <A href="javascript:show_format()">タグ等入力規則表示</A></div> <div class="link2hide" id="link2hide">下表からコピーして使って下さい。 <A href="javascript:hide_format()">入力規則を隠す</A></div> <DIV class="inputformat" id="inputformat"> <TABLE CELLPADDING="4" CELLSPACING="0" BORDER="1" style="font-size: 0.9em;"> <TR> <TH NOWRAP ALIGN="left">テキストリンク</TH> <TD><INPUT type="text" size="80"
VALUE="{{{&lt;a href=&quot;URLをここへ入力&quot;&gt;リンクテキストをここへ入力&lt;/a&gt;}}}"
onFocus="this.select();" onClick="this.select();"></TD> </TR> (途中省略) <TR> <TH NOWRAP ALIGN="left">h4 ヘッダ</TH> <TD><INPUT type="text" size="80"
VALUE="(h4ヘッダで囲うテキストを入力)"
onFocus="this.select();" onClick="this.select();"></TD>
</TR> </TABLE>
</div> <!-- input format end -->

3.アップロード

編集した templates/admin/2.html をサーバに上書きアップロードして下さい。

4.確認

管理画面にアクセスして、表示内容が更新されている事を確認して下さい。

関連リンク

さらに詳しく