TQEditor

formula 公式 ​

代码演示 ​

$\ce{SO4^2- + Ba^2+ -> BaSO4 v} $

html 结构 ​

html
<span
    data-block-type='formula'
    data-ed-value='\ce{SO4^2- + Ba^2+ ->; BaSO4 v} '>$\ce{SO4^2- + Ba^2+ -> BaSO4 v} $</span>

使用 ​

js
const options = {
  plugins: ['formula'],
  toolbar: 'formula',
  formula_scripts: [
      'https://xxx.com/dist/libs/mathjax.config.js',
      'https://xxx.com/dist/libs/mathjax/es5/tex-svg-full.js',
      'https://xxx.com/dist/libs/mathjax/es5/input/tex/extensions/unicode.js',
      'https://xxx.com/dist/libs/mathjax/es5/input/tex/extensions/html.js',
  ],
  // 公式支持设置字号，已在 core 插件中默认
  format_noneditable_selector: 'span[data-block-type="formula"]'
}

属性 ​

属性说明默认值
data-block-type类型formula
data-ed-valuelatex，格式化是会被移除，仅在源码中保留-

配置 ​

formula_scripts ​

加载 script 文件

类型: Array

默认值: []

示例 ​

javascript
const option = {
    formula_scripts: ['https://xxx.js', 'https://xxx.js'],
}

formula_delimiters ​

公式分隔符

类型: Array

默认值: ['$', '$']

formula_delimiters_inline ^3.7.0 暂未启用 ​

行内公式分隔符

类型: Array

默认值: ['$', '$']

formula_delimiters_block ^3.7.0 暂未启用 ​

块状公式分隔符

类型: Array

默认值: ['$$', '$$']

formula_dblclick_editable ​

双击可编辑

类型: Boolean

默认值: true

formula_confirm_callback ^3.7.0 ​

确认回调

类型: Function

默认值: null

返回值: { key: '', latex: ''}

formula_cancel_callback ^3.7.0 ​

取消回调

类型: Function

默认值: null

返回值: { key: '', latex: ''}