首页 > 编程语言 >LatexEasy | JavaScript集成公式编辑器

LatexEasy | JavaScript集成公式编辑器

时间:2023-09-01 16:01:59浏览次数:55  
标签:function latex console log LatexEasy JavaScript 编辑器 letexeasy 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>

方法
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');
});

标签:function,latex,console,log,LatexEasy,JavaScript,编辑器,letexeasy,ready
From: https://blog.51cto.com/u_15680272/7323937

相关文章

  • 如何使用javascript制作一个网页端3D贪吃蛇游戏(附源码)
    3D网页版贪吃蛇游戏!下面来具体讲一下如何实现。该游戏使用Hightopo的SDK制作,总共100多行代码,没有WebGL基础的同学们也可很快掌握。场景初始化首先,我们对页面进行初始化,包括初始化3D场景,设置地面网格,以及开启事件监听等。主要代码及注释如下:w=40;//网格间距m=20;//......
  • javascript 两个小于号<<是什么操作符?
    JavaScript中有一个特殊的运算符,被称为“双小于号”。这个运算符的符号是“<<”,作用是将一个数的二进制形式向左移动指定的位数。在移位过程中,右侧的位将会自动补0。双小于号在JavaScript中常常用于进行位运算操作,让我们来了解一下它的具体用法。参考:https://www.yzktw.com.cn/po......
  • What's the difference between Async Await and Promise in JavaScript All In One
    What'sthedifferencebetweenAsyncAwaitandPromiseinJavaScriptAllInOneAsyncvsPromisedemos(......
  • JavaScript 防抖&节流
    JavaScript的防抖(Debouncing)和节流(Throttling)是两种用于优化高频率事件处理的常见技术。它们都可以限制事件的触发频率,以减少过度触发事件处理函数而导致的性能问题。防抖(Debouncing)防抖是指在事件被触发后,等待一定时间再执行事件处理函数。如果在等待时间内事件再次被触发,那么......
  • 03-JavaScript
    变量:变量的声明和赋值:使用var、let或const关键字声明变量,并赋予其一个值。基本数据类型:布尔值、数字、字符串、undefined、null等基本数据类型的概念和使用。类型的转换:数据类型之间的转换,包括显式转换和隐式转换。运算符:算术运算符、比较运算符、逻辑运算符、赋值......
  • Web编辑器实现WORD粘贴公式自动上传
    ​ 1.编辑器修改(可选)1.1在 ueditor/config.json 中添加代码块    /* 上传word配置 */    "wordActionName":"wordupload",/* 执行上传视频的action名称 */    "wordFieldName":"upfile",/* 提交的视频表单名称 */    "wordPathFormat":"/p......
  • ArcGIS for javascript 加载天地图瓦片
    ArcGISforjavascript(4.27)加载天地图瓦片importMapfrom"@arcgis/core/Map";importMapViewfrom'@arcgis/core/views/MapView';importWebTileLayerfrom'@arcgis/core/layers/WebTileLayer';constvecLayer=newWebTileLayer('ht......
  • 百度编辑器 从word中复制内容带多张图片
    ​ 在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper。通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法。其原理为一下步骤:监听粘贴事件;【用于插入图片】获取光标位置;【......
  • 前端编辑器
    、5年及以上前端开发工作经验;2、精通javascript、html5等前端技术;3、熟练ueditor、wangEditor、TinyMCE、kindeditor等编辑器中一种及以上的二次开发工作;4、对有ueditor二次开发经验者优先;5、能有积极主动的工作态度和团队合作精神,富于开创性,喜欢挑战、学习......
  • Web编辑器 从word中复制内容带多张图片
    ​如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>......