（追記あり）hタグから目次を自動生成！MyScriptsスクリプト「IndexMaker」を作ってみた！

Pocket

↓IndexMakerで自動生成した目次です

目次って

みなさん付けてますか？
短い文章なら必要ないけど、長くなると目次をつけた方が読者に優しいかなぁって思いますよね。(^^)

でも、iPhoneだけで目次を付けるのは非常に面倒くさい！

例えば、私のアプリ「Clippy」のサポートページなんか死にそうでした(^^;;

Clippy

今回Clippyで使えるURLスキーム集のページを更新して目次を付けようと思ったんですが、気が遠くなって挫折しました。(^^;;

それなら、MyScriptsでスクリプトを作ればイイじゃん！と思って作って見ました。(^^)
目次に戻る

IndexMakerとは

テキスト全文からhタグを検出してリスト化したものを目次にします。
その際に、目次を挿入したい箇所に「/INDEX」と書いてれば、そこが目次に置き換わります。

また、その目次の下に「目次に戻る」リンクも付けてるので、カットして目次に戻りたい箇所にペーストすればOKです。
目次に戻る

スクリプト登録

MyScripts

以下のリンクをタップしてMyScriptsにスクリプトを登録して下さい。

13/12/28 14:36 修正
間違って最終版じゃないのをアップしてました。(^^;; 申し訳ありませんが、以下の最新版を再度登録お願いします。
m(._.)m

14/3/9 修正
以前は／INDEXがない時は生成した目次をコピーするようにしてましたが、hタグにnameタグを付けてませんでした。TextWellに送るのとコピーは同時にできないので、／INDEXがない時は目次を文頭に挿入してReLineで表示するように仕様変更しました。申し訳ありませんが、以下のMyScripts用最新版を再度登録お願いします。
m(._.)m

IndexMaker修正版

TextWellアクション

お使いのエディタがTextWellの場合、以下のリンクをタップしてアクションに登録して下さい。
アクション登録
 目次に戻る

IndexMakerを使ってみよう！

本エントリーでスクリプトを実行して見ます。
一応、hタグの構造としては
h2
h2
h2

h3
h3

h2
h2
h2
となってます。
▼ブログで目次を挿入したい箇所に「/INDEX」を記入して、左上のアクションボタンをタップ

▼IndexMaker起動をタップ

▼番号あり/なしを選択（ここでは番号ありを選択するのでOKをタップ）

▼プレビューするか聞いてくるので、実行をタップ

▼目次が生成されました。(^^)
その下に「目次に戻る」リンクがあるのでカットしてお好きなところにペーストして下さい。
今回はh2タグの終わりの所に挿入してみました。

目次に戻る

最後に

如何でしょうか？
ちゃんとリンク先に飛べるし、目次にも戻れるし、超々簡単に目次が生成できました！(^^)
でも、このスクリプトはブログ全文を置き換えるので、念のため一度保存してからお使いになるのをお勧めします。
TextWellなら一度完了をタップして履歴に保存しておいた方が無難だと思います。
多分保存しなくても大丈夫だとは思いますが、念のため。(^^;;
目次に戻る