如何在Beamer LaTeX中嵌入HTML页面与javascript代码

How to embed HTML page with javascript code in Beamer LaTeX?

本文关键字：HTML 代码 javascript Beamer LaTeX      更新时间：2023-09-26

如何在Beamer LaTeX中嵌入HTML页面与javascript代码(精确地D3库与一些悬停功能)?

想法是有一个嵌入HTML页面的幻灯片，在演示期间，我可以将鼠标悬停在某些元素上，也就是说，它不仅仅是一个屏幕截图，但我也能够拥有javascript功能。

一个选项是:

  1. 保持HTML页面的javascript原样，
  2. 将其余的Beamer latex演示文稿转换为pdf，然后将pdf转换为HTML
  3. 将两者连接在一起。

pdf2htmllex是一个将pdf转换为html的伟大工具，保留了所有的样式和格式。它似乎在使用Beamer创建的幻灯片上运行良好。

http://manuels.github.io/texlive.js/会让你的目标实现。您需要将LaTeX转换为javascript，并在浏览器的javascript模块中一起运行。

var pdftex = new PDFTeX();
var latex_code = "" + 
  "''documentclass{article}" + 
  "''begin{document}" + 
  "''LaTeX is great!" + 
  "$E = mc^2$" + 
  "''end{document}"; 
pdftex.compile(latex_code) // now you have it in a javascript object.

这样，作为一个迷你web应用程序，它将比仅仅使用Beamer LaTeX更具可移植性。

在这一点上，你可以引入一个库，如D3, Greensock,jQuery或一个javascript驱动的画布模块。
相关文章：