math-latex-keyboard
v1.1.3
Published
latext公式输入键盘组件
Downloads
18
Readme
keyboard
需要项目内安装有
vue: "vue",
jquery: 'jquery',
mathquill: 'mathquill'
使用如下:
<!-- app.vue使用 -->
<template>
<div id="app">
<div v-on:click="show = !show">
<math-latex-render
:value.sync="mathValue"
:imgshow='!show'
class="latex-render-comp no-border-render wrapper-mask" ></math-latex-render>
<code @click.stop="a">latex: {{value}}</code>
</div>
<!-- 学段信息 小学0001 初中0002 高中0003 -->
<math-latex-keyboard
:value.sync="mathValue"
:show.sync="show"
:is-editor-inside="isEditorInside"
:section="section"
@update-keyboard-type="$listeners.updateKeyboardType"
@iosNeedScrollInToView="$listeners.iosNeedScrollInToView"
></math-latex-keyboard>
</div>
</template>
<script>
import { MathRender, MathKeyboard } from 'math-latex-keyboard';
export default {
name: 'demo',
components: {
MathLatexKeyboard: MathKeyboard,
MathLatexRender: MathRender
}
};
</script>
键盘参数
| 参数 | 说明 | 类型 | 默认值 | | :----| :---- | :---- | :---- | | show | 控制键盘的显示隐藏 | Boolean | false | | value | 输入输出值 | String | - | | isEditorInside | 是否要在键盘内输入值 | Boolean | false | | section | 学段 | String | '0001' |