What is Asciidoctor.js Live Preview?

Asciidoctor.js Live Preview is a Chrome extension developed by https://www.yuzutech.fr, and its main feature is "Render AsciiDoc (.ad, .adoc, .asc, .asciidoc) as HTML inside your browser!".

Extension Screenshots

Download Asciidoctor.js Live Preview Extension CRX File

Download Asciidoctor.js Live Preview extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

This project uses Asciidoctor.js to render AsciiDoc as HTML.

Usage

1. Check Allow access to file URLs in chrome://extensions
2. Open local or remote .ad, .adoc, .asc, .asciidoc file in Chrome
3. Enjoy!

Options

The extension can be configured via an options page.

To open the options page, right-click the extension icon and choose Options on the menu. You can also go to chrome://extensions and click the Options link.

The options page let you add custom attributes or change the theme of the AsciiDoc HTML output.

Changelog

2.7.0

• Fix MathJax equation numbering (#412)
• Upgrade Asciidoctor.js from 2.2.0 to 2.2.1(based on Asciidoctor 2.0.12)
• Upgrade Asciidoctor Kroki from 0.8.2 to 0.12.0 (add excalidraw, bpmn and bytefield as a supported diagrams)
• Global configuration using `kroki-default-format` and `kroki-default-options` attributes
• Upgrade bulma from 0.8.2 to 0.9.1

2.6.1

• Do not add the toc2 class if the document has no section - thanks @mnrvwl
• Stop auto reload when the extension has been disabled - thanks @mnrvwl
• Remove the deprecated options_page - thanks @mnrvwl
• Upgrade Asciidoctor.js from 2.1.1 to 2.2.0
• Upgrade Asciidoctor Kroki from 0.7.0 to 0.8.1
• Support sidebar toc
• Compatibility with Firefox, use the same codebase again!
• Remove chartist sourcemap reference

2.5.0

• Upgrade Asciidoctor.js from 2.0.3 to 2.1.1
• Show errors thrown by the background script on the page (thanks @doub)
• Catch exceptions thrown by the initial XMLHttpRequest
• Use the `Cache-Control` header to make sure that we fetch the latest version available
• Upgrade Asciidoctor Kroki from 0.4.0 to 0.7.0 with new diagrams: `packetdiag`, `rackdiag`, `vega` and `vegalite`
• Upgrade chartist from 0.11.0 to 0.11.4
• Upgrade bulma from 0.7.5 to 0.8.2

2.4.0

• Move the fetch and convert functions in the background script (as the latest version of Chrome 80+ blocks `XMLHttpRequest` sent by the content script)
• Upgrade to MathJax 3.0.1

2.3.0

• Upgrade to MathJax 3.0.0 (thanks @sindzicat)
• Use server-side syntax highlighting (thanks @john-cj)

2.2.0

• Fix inter-document cross references by using `.adoc` as `outfilesuffix` (thanks @jmini)
• Disable the diagram extension by default (can be enabled in options page)
• The Kroki server URL can now be configured in the options page (for instance, you can point to a local instance)

2.1.0

• Set built-in attributes docfile, docname and docfilesuffix (thanks @utopalex & @ehmkah)
• Use Kroki extension to render diagrams (support BlockDiag, SeqDiag, ActDiag, NwDiag, C4, Ditaa, Erd, GraphViz, Mermaid, Nomnoml, PlantUML, SvgBob and UMLet diagrams!)

2.0.0

• Load additional languages for highlight.js (using :highlightjs-languages: attribute)
• Upgrade to Asciidoctor.js 2.0.3
• The default safe mode is now safe (was secure)

Extension Basic Information

Name	Asciidoctor.js Live Preview
ID	iaalpfgpbocpdfblpnhhgllgbdbchmia
Official URL	https://chromewebstore.google.com/detail/asciidoctorjs-live-previe/iaalpfgpbocpdfblpnhhgllgbdbchmia
Description	Render AsciiDoc (.ad, .adoc, .asc, .asciidoc) as HTML inside your browser!
File Size	3.93 MB
Installation Count	20,000
Current Version	2.7.1
Last Updated	2023-06-05
Publish Date	2020-06-16
Rating	4.65/5 Total 75 Ratings
Developer	https://www.yuzutech.fr
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/asciidoctor/asciidoctor-browser-extension
Help Page URL	https://github.com/asciidoctor/asciidoctor-browser-extension/issues
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Asciidoctor.js Live Preview", "version": "2.7.1", "author": "Guillaume Grossetie", "manifest_version": 2, "description": "Render AsciiDoc (.ad, .adoc, .asc, .asciidoc) as HTML inside your browser!", "options_ui": { "page": "html\/options.html" }, "icons": { "16": "img\/asciidoctor-logo-fill-color-16.png", "48": "img\/asciidoctor-logo-fill-color-48.png", "96": "img\/asciidoctor-logo-fill-color-96.png", "128": "img\/asciidoctor-logo-fill-color-128.png" }, "content_scripts": [ { "matches": [ ":\/\/\/.ad", ":\/\/\/.ad?", ":\/\/\/.ad.", ":\/\/\/.adoc", ":\/\/\/.adoc?", ":\/\/\/.adoc.", ":\/\/\/.asc", ":\/\/\/.asc?", ":\/\/\/.asc.", ":\/\/\/.asciidoc", ":\/\/\/.asciidoc?", ":\/\/\/.asciidoc.", ":\/\/\/.txt", ":\/\/\/.txt?", ":\/\/\/.txt.", "file:\/\/\/.ad", "file:\/\/\/.ad?", "file:\/\/\/.ad.", "file:\/\/\/.adoc", "file:\/\/\/.adoc?", "file:\/\/\/.adoc.", "file:\/\/\/.asc", "file:\/\/\/.asc?", "file:\/\/\/.asc.", "file:\/\/\/.asciidoc", "file:\/\/\/.asciidoc?", "file:\/\/\/.asciidoc.", "file:\/\/\/.txt", "file:\/\/\/.txt?", "file:\/\/\/.txt." ], "js": [ "js\/vendor\/highlight.js\/highlight.min.js", "js\/vendor\/highlight.js\/languages\/1c.min.js", "js\/vendor\/highlight.js\/languages\/abnf.min.js", "js\/vendor\/highlight.js\/languages\/accesslog.min.js", "js\/vendor\/highlight.js\/languages\/actionscript.min.js", "js\/vendor\/highlight.js\/languages\/ada.min.js", "js\/vendor\/highlight.js\/languages\/angelscript.min.js", "js\/vendor\/highlight.js\/languages\/apache.min.js", "js\/vendor\/highlight.js\/languages\/applescript.min.js", "js\/vendor\/highlight.js\/languages\/arcade.min.js", "js\/vendor\/highlight.js\/languages\/arduino.min.js", "js\/vendor\/highlight.js\/languages\/armasm.min.js", "js\/vendor\/highlight.js\/languages\/asciidoc.min.js", "js\/vendor\/highlight.js\/languages\/aspectj.min.js", "js\/vendor\/highlight.js\/languages\/autohotkey.min.js", "js\/vendor\/highlight.js\/languages\/autoit.min.js", "js\/vendor\/highlight.js\/languages\/avrasm.min.js", "js\/vendor\/highlight.js\/languages\/awk.min.js", "js\/vendor\/highlight.js\/languages\/axapta.min.js", "js\/vendor\/highlight.js\/languages\/bash.min.js", "js\/vendor\/highlight.js\/languages\/basic.min.js", "js\/vendor\/highlight.js\/languages\/bnf.min.js", "js\/vendor\/highlight.js\/languages\/brainfuck.min.js", "js\/vendor\/highlight.js\/languages\/cal.min.js", "js\/vendor\/highlight.js\/languages\/capnproto.min.js", "js\/vendor\/highlight.js\/languages\/ceylon.min.js", "js\/vendor\/highlight.js\/languages\/clean.min.js", "js\/vendor\/highlight.js\/languages\/clojure.min.js", "js\/vendor\/highlight.js\/languages\/clojure-repl.min.js", "js\/vendor\/highlight.js\/languages\/cmake.min.js", "js\/vendor\/highlight.js\/languages\/coffeescript.min.js", "js\/vendor\/highlight.js\/languages\/coq.min.js", "js\/vendor\/highlight.js\/languages\/cos.min.js", "js\/vendor\/highlight.js\/languages\/cpp.min.js", "js\/vendor\/highlight.js\/languages\/crmsh.min.js", "js\/vendor\/highlight.js\/languages\/crystal.min.js", "js\/vendor\/highlight.js\/languages\/cs.min.js", "js\/vendor\/highlight.js\/languages\/csp.min.js", "js\/vendor\/highlight.js\/languages\/css.min.js", "js\/vendor\/highlight.js\/languages\/d.min.js", "js\/vendor\/highlight.js\/languages\/dart.min.js", "js\/vendor\/highlight.js\/languages\/delphi.min.js", "js\/vendor\/highlight.js\/languages\/diff.min.js", "js\/vendor\/highlight.js\/languages\/django.min.js", "js\/vendor\/highlight.js\/languages\/dns.min.js", "js\/vendor\/highlight.js\/languages\/dockerfile.min.js", "js\/vendor\/highlight.js\/languages\/dos.min.js", "js\/vendor\/highlight.js\/languages\/dsconfig.min.js", "js\/vendor\/highlight.js\/languages\/dts.min.js", "js\/vendor\/highlight.js\/languages\/dust.min.js", "js\/vendor\/highlight.js\/languages\/ebnf.min.js", "js\/vendor\/highlight.js\/languages\/elixir.min.js", "js\/vendor\/highlight.js\/languages\/elm.min.js", "js\/vendor\/highlight.js\/languages\/erb.min.js", "js\/vendor\/highlight.js\/languages\/erlang.min.js", "js\/vendor\/highlight.js\/languages\/erlang-repl.min.js", "js\/vendor\/highlight.js\/languages\/excel.min.js", "js\/vendor\/highlight.js\/languages\/fix.min.js", "js\/vendor\/highlight.js\/languages\/flix.min.js", "js\/vendor\/highlight.js\/languages\/fortran.min.js", "js\/vendor\/highlight.js\/languages\/fsharp.min.js", "js\/vendor\/highlight.js\/languages\/gams.min.js", "js\/vendor\/highlight.js\/languages\/gauss.min.js", "js\/vendor\/highlight.js\/languages\/gcode.min.js", "js\/vendor\/highlight.js\/languages\/gherkin.min.js", "js\/vendor\/highlight.js\/languages\/glsl.min.js", "js\/vendor\/highlight.js\/languages\/gml.min.js", "js\/vendor\/highlight.js\/languages\/go.min.js", "js\/vendor\/highlight.js\/languages\/golo.min.js", "js\/vendor\/highlight.js\/languages\/gradle.min.js", "js\/vendor\/highlight.js\/languages\/groovy.min.js", "js\/vendor\/highlight.js\/languages\/haml.min.js", "js\/vendor\/highlight.js\/languages\/handlebars.min.js", "js\/vendor\/highlight.js\/languages\/haskell.min.js", "js\/vendor\/highlight.js\/languages\/haxe.min.js", "js\/vendor\/highlight.js\/languages\/hsp.min.js", "js\/vendor\/highlight.js\/languages\/htmlbars.min.js", "js\/vendor\/highlight.js\/languages\/http.min.js", "js\/vendor\/highlight.js\/languages\/hy.min.js", "js\/vendor\/highlight.js\/languages\/inform7.min.js", "js\/vendor\/highlight.js\/languages\/ini.min.js", "js\/vendor\/highlight.js\/languages\/irpf90.min.js", "js\/vendor\/highlight.js\/languages\/isbl.min.js", "js\/vendor\/highlight.js\/languages\/java.min.js", "js\/vendor\/highlight.js\/languages\/javascript.min.js", "js\/vendor\/highlight.js\/languages\/jboss-cli.min.js", "js\/vendor\/highlight.js\/languages\/json.min.js", "js\/vendor\/highlight.js\/languages\/julia.min.js", "js\/vendor\/highlight.js\/languages\/julia-repl.min.js", "js\/vendor\/highlight.js\/languages\/kotlin.min.js", "js\/vendor\/highlight.js\/languages\/lasso.min.js", "js\/vendor\/highlight.js\/languages\/ldif.min.js", "js\/vendor\/highlight.js\/languages\/leaf.min.js", "js\/vendor\/highlight.js\/languages\/less.min.js", "js\/vendor\/highlight.js\/languages\/lisp.min.js", "js\/vendor\/highlight.js\/languages\/livecodeserver.min.js", "js\/vendor\/highlight.js\/languages\/livescript.min.js", "js\/vendor\/highlight.js\/languages\/llvm.min.js", "js\/vendor\/highlight.js\/languages\/lsl.min.js", "js\/vendor\/highlight.js\/languages\/lua.min.js", "js\/vendor\/highlight.js\/languages\/makefile.min.js", "js\/vendor\/highlight.js\/languages\/markdown.min.js", "js\/vendor\/highlight.js\/languages\/mathematica.min.js", "js\/vendor\/highlight.js\/languages\/matlab.min.js", "js\/vendor\/highlight.js\/languages\/maxima.min.js", "js\/vendor\/highlight.js\/languages\/mel.min.js", "js\/vendor\/highlight.js\/languages\/mercury.min.js", "js\/vendor\/highlight.js\/languages\/mipsasm.min.js", "js\/vendor\/highlight.js\/languages\/mizar.min.js", "js\/vendor\/highlight.js\/languages\/mojolicious.min.js", "js\/vendor\/highlight.js\/languages\/monkey.min.js", "js\/vendor\/highlight.js\/languages\/moonscript.min.js", "js\/vendor\/highlight.js\/languages\/n1ql.min.js", "js\/vendor\/highlight.js\/languages\/nginx.min.js", "js\/vendor\/highlight.js\/languages\/nimrod.min.js", "js\/vendor\/highlight.js\/languages\/nix.min.js", "js\/vendor\/highlight.js\/languages\/nsis.min.js", "js\/vendor\/highlight.js\/languages\/objectivec.min.js", "js\/vendor\/highlight.js\/languages\/ocaml.min.js", "js\/vendor\/highlight.js\/languages\/openscad.min.js", "js\/vendor\/highlight.js\/languages\/oxygene.min.js", "js\/vendor\/highlight.js\/languages\/parser3.min.js", "js\/vendor\/highlight.js\/languages\/perl.min.js", "js\/vendor\/highlight.js\/languages\/pf.min.js", "js\/vendor\/highlight.js\/languages\/pgsql.min.js", "js\/vendor\/highlight.js\/languages\/php.min.js", "js\/vendor\/highlight.js\/languages\/plaintext.min.js", "js\/vendor\/highlight.js\/languages\/pony.min.js", "js\/vendor\/highlight.js\/languages\/powershell.min.js", "js\/vendor\/highlight.js\/languages\/processing.min.js", "js\/vendor\/highlight.js\/languages\/profile.min.js", "js\/vendor\/highlight.js\/languages\/prolog.min.js", "js\/vendor\/highlight.js\/languages\/properties.min.js", "js\/vendor\/highlight.js\/languages\/protobuf.min.js", "js\/vendor\/highlight.js\/languages\/puppet.min.js", "js\/vendor\/highlight.js\/languages\/purebasic.min.js", "js\/vendor\/highlight.js\/languages\/python.min.js", "js\/vendor\/highlight.js\/languages\/q.min.js", "js\/vendor\/highlight.js\/languages\/qml.min.js", "js\/vendor\/highlight.js\/languages\/r.min.js", "js\/vendor\/highlight.js\/languages\/reasonml.min.js", "js\/vendor\/highlight.js\/languages\/rib.min.js", "js\/vendor\/highlight.js\/languages\/roboconf.min.js", "js\/vendor\/highlight.js\/languages\/routeros.min.js", "js\/vendor\/highlight.js\/languages\/rsl.min.js", "js\/vendor\/highlight.js\/languages\/ruby.min.js", "js\/vendor\/highlight.js\/languages\/ruleslanguage.min.js", "js\/vendor\/highlight.js\/languages\/rust.min.js", "js\/vendor\/highlight.js\/languages\/sas.min.js", "js\/vendor\/highlight.js\/languages\/scala.min.js", "js\/vendor\/highlight.js\/languages\/scheme.min.js", "js\/vendor\/highlight.js\/languages\/scilab.min.js", "js\/vendor\/highlight.js\/languages\/scss.min.js", "js\/vendor\/highlight.js\/languages\/shell.min.js", "js\/vendor\/highlight.js\/languages\/smali.min.js", "js\/vendor\/highlight.js\/languages\/smalltalk.min.js", "js\/vendor\/highlight.js\/languages\/sml.min.js", "js\/vendor\/highlight.js\/languages\/sqf.min.js", "js\/vendor\/highlight.js\/languages\/sql.min.js", "js\/vendor\/highlight.js\/languages\/stan.min.js", "js\/vendor\/highlight.js\/languages\/stata.min.js", "js\/vendor\/highlight.js\/languages\/step21.min.js", "js\/vendor\/highlight.js\/languages\/stylus.min.js", "js\/vendor\/highlight.js\/languages\/subunit.min.js", "js\/vendor\/highlight.js\/languages\/swift.min.js", "js\/vendor\/highlight.js\/languages\/taggerscript.min.js", "js\/vendor\/highlight.js\/languages\/tap.min.js", "js\/vendor\/highlight.js\/languages\/tcl.min.js", "js\/vendor\/highlight.js\/languages\/tex.min.js", "js\/vendor\/highlight.js\/languages\/thrift.min.js", "js\/vendor\/highlight.js\/languages\/tp.min.js", "js\/vendor\/highlight.js\/languages\/twig.min.js", "js\/vendor\/highlight.js\/languages\/typescript.min.js", "js\/vendor\/highlight.js\/languages\/vala.min.js", "js\/vendor\/highlight.js\/languages\/vbnet.min.js", "js\/vendor\/highlight.js\/languages\/vbscript.min.js", "js\/vendor\/highlight.js\/languages\/vbscript-html.min.js", "js\/vendor\/highlight.js\/languages\/verilog.min.js", "js\/vendor\/highlight.js\/languages\/vhdl.min.js", "js\/vendor\/highlight.js\/languages\/vim.min.js", "js\/vendor\/highlight.js\/languages\/x86asm.min.js", "js\/vendor\/highlight.js\/languages\/xl.min.js", "js\/vendor\/highlight.js\/languages\/xml.min.js", "js\/vendor\/highlight.js\/languages\/xquery.min.js", "js\/vendor\/highlight.js\/languages\/yaml.min.js", "js\/vendor\/highlight.js\/languages\/zephir.min.js", "js\/vendor\/asciidoctor.js", "js\/vendor\/md5.js", "js\/vendor\/kroki.js", "js\/module\/namespace.js", "js\/module\/settings.js", "js\/module\/dom.js", "js\/module\/theme.js", "js\/loader.js", "js\/renderer.js", "js\/converter.js", "js\/asciidocify.js", "js\/vendor\/chartist.min.js", "js\/vendor\/asciidoctor-chart-block-macro.js", "js\/vendor\/asciidoctor-emoji-inline-macro.js" ] } ], "web_accessible_resources": [ "css\/themes\/asciidoctor.css", "css\/themes\/colony.css", "css\/themes\/foundation.css", "css\/themes\/foundation-lime.css", "css\/themes\/foundation-potion.css", "css\/themes\/github.css", "css\/themes\/golo.css", "css\/themes\/iconic.css", "css\/themes\/maker.css", "css\/themes\/readthedocs.css", "css\/themes\/riak.css", "css\/themes\/rocket-panda.css", "css\/themes\/rubygems.css", "css\/highlight\/github.css", "css\/font-awesome.min.css", "css\/chartist.min.css", "img\/themes\/github\/.png", "img\/themes\/golo\/.png", "img\/themes\/maker\/.png", "img\/themes\/riak\/.png", "img\/themes\/riak\/.jpg", "js\/vendor\/kroki.js", "js\/vendor\/asciidoctor-chart-block-macro.js", "js\/vendor\/asciidoctor-emoji-inline-macro.js", "js\/vendor\/asciidoctor.js", "js\/vendor\/md5.js", "js\/loader.js", "js\/converter.js", "js\/renderer.js", "js\/asciidocify.js", "js\/vendor\/chartist.min.js", "fonts\/fontawesome-webfont.woff2", "fonts\/fontawesome-webfont.woff", "fonts\/fontawesome-webfont.ttf", "vendor\/MathJax-3.0.1\/" ], "permissions": [ "storage", "tabs", "activeTab", ":\/\/\/.ad", ":\/\/\/.ad?", ":\/\/\/.ad.", ":\/\/\/.adoc", ":\/\/\/.adoc?", ":\/\/\/.adoc.", ":\/\/\/.asc", ":\/\/\/.asc?", ":\/\/\/.asc.", ":\/\/\/.asciidoc", ":\/\/\/.asciidoc?", ":\/\/\/.asciidoc.", ":\/\/\/.txt", ":\/\/\/.txt?", ":\/\/\/.txt.", "contextMenus" ], "browser_action": { "default_title": "Asciidoctor.js Preview" }, "background": { "scripts": [ "js\/vendor\/md5.js", "js\/vendor\/asciidoctor.js", "js\/vendor\/kroki.js", "js\/module\/namespace.js", "js\/module\/settings.js", "js\/converter.js", "js\/background.js", "js\/vendor\/asciidoctor-chart-block-macro.js", "js\/vendor\/asciidoctor-emoji-inline-macro.js" ], "persistent": false } }