TiddlyWiki5 ボタンを押すと本文に文字列が追加されるスクリプト1/2

TiddlyWiki をローカルで編集・閲覧できる TiddlyDesktop アプリで、ボタンを表示して、そのボタンを押すとその Tiddler の本文に Hello という文字列が追加されるスクリプトとその実行結果を紹介します。
スクリプトで使われるウィジェットなどについても引用をもとに紹介します。

※ TiddlyWiki v5.3.8 を使用します。
※ TiddlyDesktop Version0.0.20 を使用します。
※スクリプトは自己責任でご利用ください。

前回の記事
スクリプト例
テスト
まとめ
参照サイト Thank You!

前回の記事

TiddlyWiki に関する前回の記事は以下です。

スクリプト例

以下は、新規作成する Tiddler に貼り付ける本文です。

<!-- HelloButton の定義 -->
<!-- ボタンが押された際のアクションでは、現在のテキストの最後に Hello<br> を追加します。-->

\define HelloButton()
<$button
    actions="""<$action-setfield $tiddler=<<currentTiddler>>
        text={{{ [<currentTiddler>get[text]addsuffix[Hello<br>]] }}}/>""">
Hello
</$button>
\end

!! Hello ボタンを押すと、Hello<br> が追加されます。
削除したい場合は、編集に切り替えて、Hello<br> から始まる最後の行を削除して保存してください。

<!-- HelloButton の表示 -->
<<HelloButton>>

テスト

TiddlyDesktop アプリで開いたウィキで、検索ボックスの上側の + （Create a new tiddler）ボタンを押して、 Tiddler を新規作成します。

新規作成した Tiddler の右上の鉛筆（Edit this tiddler）ボタンを押して編集画面を表示して、タイトル（例：TestHelloButton）を入力します。

本文には、前述のスクリプトを貼り付けます。

編集が済んだら右上のチェックマーク ✔ （Confirm changes thid tiddler）ボタンを押して保存します。

※ 6 行目の field=”text” は不要なので削除して実行します。
※ class=”tc-tagged-button” は反映されないので、外しても構いません。

メッセージとボタンが Tiddler に表示されました。

Hello ボタンを押すと、本文の最後に Hello<br> が追加されます。

追加した Hello<br> を削除する場合は、鉛筆（Edit this tiddler）ボタンを押して編集画面を表示して、Hello<br> から始まる最後の行を削除して、チェックマーク ✔ （Confirm changes thid tiddler）ボタンを押して保存します。