JavaScript集成LatexEasy公式编辑器API详解

作者:资源驿站

时间:2026-10-30

浏览:345

本文详细介绍如何在JavaScript中集成LatexEasy公式编辑器。通过实例演示如何初始化编辑器、调用set.latex设置公式内容,以及使用get.latex和get.svg分别获取LaTeX源码与SVG矢量图形。同时解析了ready初始化完成事件的监听方法,帮助开发者快速掌握核心接口。

文章目录

基础用法

在线演示

https://latexeasy.com/en/demo/sdk

<iframe id="liveEditor"
        frameborder="0"
        style="width:100%;height:400px;border:0;outline:none;"
        src="https://latexeasy.com/editor"
></iframe>
<script src="https://latexeasy.com/vendor/LatexEasyEditor/editor/sdk.js"></script>
<script>
    var letexeasy = new window.LatexEasy(document.getElementById('liveEditor'));
    letexeasy.on('ready', function () {
        console.log('LatexEasy.ready');
        letexeasy.call('set.latex', {
            latex: 'x=\\frac {-b\\pm \\sqrt \{\{b\}^\{2\}-4ac\}\} {2a}'
        });
    });
    letexeasy.init();
</script>

API接口

set.latex 用于设定公式内容

letexeasy.call('set.latex', {
    latex: 'x=\\frac {-b\\pm \\sqrt \{\{b\}^\{2\}-4ac\}\} {2a}'
});

get.latex 用于提取latex字符串

letexeasy.call('get.latex', {}, function(data){
    console.log(data);
});

get.svg 用于提取svg图形数据

letexeasy.call('get.svg', {}, function(data){
    console.log(data);
});

监听事件

ready 标识初始化阶段结束

latexeasy.on('ready', function(){
    console.log('latex init finished');
});

上述即为JavaScript集成公式编辑器示例详解的全部信息,欲了解关于JavaScript集成公式编辑器的更多详情,敬请浏览本站其他关联文章!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章