Web開発
LaTeX.wasm: ブラウザでLaTeXエンジンを
LaTeX.wasm: LaTeX Engines in Browsers (swiftlatex.com)
要約
LaTeX.wasmは、WebAssemblyで書かれたPdfTeXおよびXeTeXエンジンをブラウザで実行できるようにするオープンソースプロジェクトです。TexLiveやMikTeXと完全に互換性があり、簡単なスクリプトタグの追加でウェブページにLaTeX機能を統合できます。WYSIWYG編集のサポートや高速な処理速度も特徴です。
全文翻訳
GitHubでフォークしてください
LaTeX.wasm: ブラウザでLaTeXエンジンを
100% WebAssemblyで書かれ、ブラウザで実行される100%ブラウザ版のPdfTeXとXeTeX。
互換性
TexLiveやMikTeXで得られるのと全く同じ出力を生成します。
ライブラリサポート
スクリプトタグを含めるだけで、独自のウェブページでPdfTeXまたはXeTeXを使用できます。
WYSIWYGサポート
XeTeXエンジンを使用してLaTeXドキュメントをWYSIWYG編集できます。
速度
ネイティブバイナリよりもわずか2倍の速度で実行されます。
オープンソース
完全にオープンソースです。コードはGitHubで見つけることができます。
デモを選択してください:
PdfTeX 基本デモ (IEEEConf)
XeTeX 基本デモ (acmart)
XeTeX 中国語/日本語デモ
XeTeX TrueType デモ
XeTeX Tikz デモ
XeTeX Beamer デモ
PdfTeX Beamer デモ
PdfTeX UTF8 デモ
PdfTeX Tikz デモ
PdfTeX CV デモ
テンプレートファイルを初めてダウンロードするには数分かかる場合があります。しばらくお待ちください。
インストール
ステップ1: GitHubから最新リリースをダウンロードします。ファイルを解凍し、ウェブページディレクトリに配置します。
ステップ2: ページにsrcタグを含めます。
<script src="PdfTeXEngine.js"></script>
ステップ3: エンジンを初期化します。
const engine = new LaTeXEngine();
await engine.loadEngine();
ステップ4: texファイル/画像/フォントをエンジンにロードします。
const engine = new LaTeXEngine();
engine.writeMemFSFile("main.tex", "\documentclass{...");
ステップ5: メインファイルを設定し、コンパイルを開始します。
engine.setEngineMainFile("main.tex");
let r = await engine.compileLaTeX(); // r にはPDFバイナリとコンパイルログが含まれます。
API
async loadEngine(): Promise<void>. WebAssemblyエンジンをロードします。
isReady(): boolean. エンジンがドキュメントをコンパイルする準備ができているか確認します。
writeMemFSFile(filename: string, srccode: string | Uint8Array). ソースコード/アセットをエンジンにアップロードします。
makeMemFSFolder(folder: string). ディレクトリを作成します。
setEngineMainFile(filename: string). どのLaTeXファイルがエントリファイルであるかをエンジンに伝えます。
compileLaTeX():Promise<CompileResult>. LaTeXドキュメントのコンパイルを開始し、CompileResultを返します。
flushCache(). アップロードされたすべてのファイルをパージします。
closeWorker(). エンジンをシャットダウンします。