HN 日本語サマリー

← 一覧へ戻る
Web開発

LaTeX.wasm: ブラウザでLaTeXエンジンを

LaTeX.wasm: LaTeX Engines in Browsers (swiftlatex.com)

92 pointsby theanonymousone32 コメント

要約

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(). エンジンをシャットダウンします。