やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

FirefoxにAsciiDocのプレビューアをインストールする

アドオン Asciidoctor.js Live Preview をインストールする。

開発環境

調べる

asciidoc previewで検索すると以下がヒット。感謝。

Editing AsciiDoc with Live Preview | Asciidoctor

以下がFirefoxアドオンらしいが、インストールされなかった。

https://github.com/asciidoctor/asciidoctor-firefox-addon/releases/download/v0.5.3/asciidoctor-firefox-addon-0.5.3-signed.xpi

Firefox

アドオンのインストール

  1. メニュー→ツール→アドオン
  2. アドオン入手タブを選択する
  3. 検索ボックスにasciidocを入力して検索する
  4. Asciidoctor.js Live Previewをインストールする
    f:id:ytyaru:20170228095119g:plain
  5. インストール完了
    f:id:ytyaru:20170228095133g:plain

確認

f:id:ytyaru:20170228095350g:plain

いい感じ。でも外部ファイル参照ができていない。

ソースコード

test.adocとtest.pyは同一ディレクトリ内に配置した。GitHub上のソースコードでも試したが表示されなかった。

test.adoc

# AsciiDocテスト

* リスト項目1
** リスト項目1-1

http://asciidoctor.org/[AsciiDoc] 参照。

. 手順1
. 手順2

AsciiDoc:: 軽量マークアップ言語

image::http://placehold.it/350x150[代替テキスト]

## テーブル

.テーブルタイトル
[options="header"]
|=======================
|列1|列2|列3
|1  |値1|あああ
|2  |値2|いいい
|3  |値3|ううう
|=======================

### CSV

[format="csv"]
|======
1,2,3,4
a,b,c,d
A,B,C,D
|======

### HTML埋込

++++
<ruby>
  <rb>亜米利加</rb>
  <rp>(</rp>
  <rt> アメリカ</rt>
  <rp> )</rp>
</ruby>
++++

### 外部ファイル表示

[source, python]
----
include::test.py
----

test.py

print("Hello Python!!")

所感

これだけ表示できれば大体OK