表达式

## HiExpression 表达式
表达式
### 应用背景
### 代码演示
"value":"Date.format(2.3*5 )","desc":"Date.format(#二级 1-1.三级 1-1-1#*5 )","express":"Date.format(#2.3#*5 )"}', pidField:"pid", idField:"id", descField:"desc", visible:false, disabled: false } }, methods: { change(value){ this.val = value; }, hadlerShow(){ this.visible = true; }, getValue(value) { console.log(value); }, //鼠标单击的事件 onClick(e, editor) { console.log("Element clicked") console.log(e) console.log(editor) }, //清空内容 clear() { //console.log(this.msg) this.msg = "ddddfasdfadsf"; //this.$refs.editor.clear() } } }; '>
表达式

<button style="border: 0.5px solid #dddddd;padding: 5px 10px; display: inline-block; text-align: center;">显示表达式</button>

![](/media/202404/2024-04-30_092556_351742.png)
```javascript
<template>
    <div >
        <button @click="hadlerShow">显示表达式</button>
        <hi-expression :pidField="pidField" :value="val" :idField="idField" :descField="descField" :visible.sync="visible" @change="change"></hi-expression>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                msg: "Welcome to Use Tinymce Editor",
                hitextarea:null,
                val:'{"value":"Date.format(2.3*5 )","desc":"Date.format(#二级 1-1.三级 1-1-1#*5 )","express":"Date.format(#2.3#*5 )"}',
                pidField:"pid",
                idField:"id",
                descField:"desc",
                visible:false,
                disabled: false
            }
        },
        methods: {
            change(value){
                this.val = value;
            },
            hadlerShow(){
                this.visible = true;
            },
            getValue(value)
            {
                console.log(value);
            },
            //鼠标单击的事件
            onClick(e, editor) {
                console.log("Element clicked")
                console.log(e)
                console.log(editor)
            },
            //清空内容
            clear() {
                //console.log(this.msg)
                this.msg = "ddddfasdfadsf";
                //this.$refs.editor.clear()
            }
        }
    };
</script>
```

### Attributes

| 参数       | 说明     | 类型      | 可选值    | 默认值   |
|----------|--------|---------|--------|-------|
| value    | 编辑器值   | String  | —      |       |
| disabled | 是否可用   | Boolean | —      | false |
| height   | 用于控制高度 | string  | Number | 360   |
| plugins  | 控件插件   | Array   | String | —     |
| toolbar  | 控件工具条  | Array   | String | —     |

### Events

| 事件名称 | 说明 | 回调参数 |
|------|----|------|