これを行うためのより良い方法の 1 つは、Google Charts API を使用して画像を埋め込むことだと思います。
<img src="http://chart.apis.google.com/chart?cht=tx&chl=x=\frac{-b%20\pm%20\sqrt{b^2-4ac}}{2a}">
詳細: https://developers.google.com/chart/image/ [注意: API は公式に廃止されましたが、2015 年 4 月まで動作します]
本当に LaTeX といくつかの js ライブラリを使用する必要がある場合、これを実現する 1 つの方法は、iframe にスクリプト タグを挿入することだと思います。これが良い出発点になることを願っています。
例:
// ==UserScript==
// @name Test Gmail Alterations
// @version 1
// @author Justen
// @description Test Alter Email
// @include https://mail.google.com/mail/*
// @include http://mail.google.com/mail/*
// @license GPL version 3 or any later version; http://www.gnu.org/copyleft/gpl.html
// ==/UserScript==
(function GmailIframeInject() {
GM_log('Starting GMail iFrame Injection');
var GmailCode = function() {
// Your code here;
// The ':pd' (div id) changes, so you might have to do some extra work
var mail = document.getElementById(':pd');
mail.innerHTML = '<h1>Hello, World!</h1>';
};
var iframe = document.getElementById('canvas_frame');
var doc = null;
if( iframe ) {
GM_log('Got iFrame');
doc = iframe.contentDocument;
} else {
GM_log('ERROR: Could not get iframe with id canvas_frame');
return
}
if( doc ) {
GM_log('Injecting GmailCode');
var code = "(" + GmailCode + ")();"
doc.body.appendChild(doc.createElement('script')).innerHTML=code;
} else {
GM_log('ERROR: Could not get iframe content document');
return;
}
})();