このエントリーをはてなブックマークに追加

Github(Source code)

テンプレートを使って簡単なテキストを作成するためのツールです。

[Webアプリ テンプレートテキスト作成を開く]

特徴

ファイル名にもテンプレートを対応させて、複数ファイルの出力に対応している。

操作方法

テンプレートの例は後述します。

左側がデーター入力欄・中央がデーター出力欄・右側がデーターリストの管理欄です。

(1)クリップボードレシーバー

諸事情で、ここを選択してデーターを他のエディータからペーストできます。
Google Docや、マークダウンエディターリストで作成するのを想定しています。

(2)テンプレート表示欄

読み込んだテンプレートデータを、ファイル名・ヘッダー・ボディー・フッターに分けて表示します。また修正もここで行います。

(3)テキスト入力欄とオプション

テンプレートデータと組み合わてテキストを作るデータをここで入力します。
またオプションもここで設定します。

入力オプション

出力オプション

複数出力の場合、各データーをボディーにテンプレート処理して、さらに前後にヘッダー・フッターが付いた上、ファイル名で出力されます。

そうでない場合は、各データーをボディーにテンプレート処理して、まとめて、最後に前後にヘッダー・フッターが付いた上 generated.txtという名前でまとめて出力されます。

(4)出力欄と生テンプレートデータ

ここでは、テンプレートと組みあせて作られたテキストが表示されます。またファイルをダウンロードすることも可能です。

タブのLoaded Templateではテキスト状態のテンプレートデーターが表示されています。(他エディターで修正する場合、このテキストをコピー・ペーストします)

下のTipsには、テンプレートの文字の例が載っています。

(5) 上のデーターリスト コントローラーパネル

複数のデーターを管理するための機能です。

基本機能

特殊機能

(5) 真ん中のデーターリスト データー一覧

ここにデーターが一覧で表示されます。

クリックで選択してデーターを読み込みます。

ダブルクリックで..

右クリックのコンテキストメニューのModify create dateで作成日を修正できます。

(5) 下のデーターリスト サブコントローラーパネル

オプションの操作用のボタンです。

テンプレート文法

${value} の場合、キー valueの値に置き換わります。

以下特殊な文字が頭に付いていると、そのルールで文字が変わります。

テンプレート例

ヘッダーとフッターはすべて共通とします。

ヘッダー テンプレート

<html><body>

フッター テンプレート

</body></html>

単純な例

ファイル名テンプレート

${value}.html

ボディーテンプレート

${value}<br/>

入力モードは、シングルライン

入力テキスト

hello
world

複数ファイルとして出力

hello.html

<html><body>
hello<br/>
</body></html>

world.html

<html><body>
world<br/>
</body></html>

単独ファイルとして出力

generated.txt

<html><body>
hello<br/>
world<br/>
</body></html>

ペアの例

ファイル名テンプレート

${value}.html

ボディーテンプレート

<h1>${title}</h1>
${value}<br/>

入力モードは、ペア

(基本的には、入力モードがペアだと、行ごとにキーと値なので、複数出力は不向き)

入力テキスト

title    document
value    hello

複数ファイルとして出力

${value}.html
一つ目は、キー valueの値がないので、こうなる

<html><body>
<h1>document</h1>
${value}<br/>
</body></html>

hello.html
2つめは、キー titleの値がないので、こうなる

<html><body>
<h1>${title}</h1>
hello<br/>
</body></html>

単独ファイルとして出力

generated.txt

<html><body>
<h1>document</h1>
hello<br/>
</body></html>

最初の行はキーの場合

ファイル名テンプレート

${value}.html

ボディーテンプレート

<h1>${title}</h1>
${value}<br/>

入力モードは、最初の行はキー

入力テキスト

title    value
firsttitle    firstvalue
secondtitle    secondvalue

複数ファイルとして出力

1行目はキーとして使われるので、残りの2つがファイルとして出力される

firstvalue.html

<html><body>
<h1>firsttitle</h1>
firstvalue<br/>
</body></html>

secondvalue.html

<html><body>
<h1>secondtitle</h1>
secondvalue<br/>
</body></html>

単独ファイルとして出力

generated.txt

<html><body>
<h1>firsttitle</h1>
firstvalue<br/>
<h1>secondtitle</h1>
secondvalue<br/>
</body></html>