简体中文

✨ 特性

• 通过界面编辑表格，实时生成latex 表格表达式，并通过回调返回结果
• 支持表格中latex 公式渲染
• 支持编辑 和 渲染latex 表格两种模式
• 支持 styles 参数 自定义
• 支持 国际化（中英文）

📦 安装

npm install latex-table-editor --save

yarn add latex-table-editor

pnpm add latex-table-editor

使用样例

import { useState } from 'react';
import { envTypeEnum, langTypeEnum, LatexTableEditor, TableModeEnum } from 'latex-table-editor';

const latexContent = `\\begin{longtable}{cc}
   表达式 & 结果 & 文本\\
   $$ a+1 $$ & $z$ & hello\\
   $\\frac{a}{b}$ & $\\sqrt{c}$ & world \\
 \\end{longtable}`

function App() {
  const getContent = (result: string) => {
    console.log('getContent:', result);
  };

  return (
      <div style={{width:"50vw",height:"100vh"}}>
        <LatexTableEditor
          tableMode={TableModeEnum.edit}
          getEditResultCallBack={getContent}
          latexContent={latexContent}
          envType={envTypeEnum.development}
          locale={langTypeEnum.zh}
        />
      </div>
  );
}

export default App;

参数说明

| 字段 | 说明 | 返回值 | |----------------------|------------------------------|------------------| | tableMode | 模式 edit\view | | | getEditResultCallback| 编辑表格 回调获取 编辑结果 | string | | latexContent | 传入的latex 表格 表达式 (longtable) | | | envType | 环境 | | | locale | 语言 langTypeEnum | | | customStyles | 自定义样式 | |