Skip to content

JMarkdownEidtor

xinwu-yang edited this page Mar 1, 2023 · 1 revision

JMarkdownEidtor markdown编辑器组件

一个markdown编辑器组件。

代码演示

使用v-decorator需要给其赋值id属性,属性值和v-decorator保持一致。

<template>
	<j-markdown-editor v-model="testFieldName"></j-markdown-editor>
	<j-markdown-editor v-decorator="['testFieldName', { initialValue: '' }]" id="testFieldName"></j-markdown-editor>
</template>
<script>
	export default {
    data() {
      return {
        testFieldName: ''
      }
    }
  }
</script>

api

props

属性 说明 类型 必填 默认值
value(v-model) string
id 编辑器id string
options 编辑器设置,参考codemirror object
height 编辑器高度 string '300px'
language 语言,参考codemirror string 'zh-CN'

事件

事件名称 说明 回调参数
change 值变化时调用 function(value)

更新日志

CHANGELOG

快速开始

3.0.x

开发技巧

配置文件介绍

皮肤自定义

页面布局

已有页面定制

字典缓存用法

自定义首页

下拉选项滚动错位的解决方法

表单输入默认去掉前后空格

组件库

普通组件

倒计时 CountDown

枚举选择器 CubeSelectEnum

地区联动选择 JAreaLinkage

分类字典选择 JCategorySelect

复选框 JCheckbox

代码编辑器 JCodeEditor

Cron编辑器 JCron

日期选择 JDate

字典选择 JDictSelectTag

字典选择(多选) JMultiSelectTag

字典选择(可搜索) JSearchSelectTag

可编辑表格 JEditableTable

富文本编辑器 JEditor

字符串截取 JEllipsis

文件上传弹窗 JFilePop

表单容器 JFormContainer

图片上传 JImageUpload

导入Modal JImportModal

输入框 JInput

弹窗输入框 JInputPop

Markdown编辑器 JMarkdownEidtor

Modal弹窗 JModal

表格弹窗选择 JPopup

部门选择器 JSelectDepart

部门用户选择器 JSelectUserByDep

用户选择器(多选) JSelectMultiUser

职务选择组件 JSelectPosition

角色选择组件 JSelectRole

高级查询组件 JSuperQuery

分类字典树形下拉选择器 JTreeDict

树形下拉选择组件(异步加载) JTreeSelect

异形树形表格组件 JTreeTable

上传组件 JUpload

JS组件

api/manage.js

mixins/JEditableTableMixin.js

mixins/JeecgListMixin.js

store/modules/app.js

store/modules/user.js

store/mutation-types.js

utils/filter.js

utils/validate.js

utils/hasPermission.js

utils/util.js

utils/vueBus.js

utils/packages/JDictSelectUtil.js

魔方Plugins

上传组件

目录结构

目录结构

Clone this wiki locally