Markdown编辑器

介绍

Markdown编辑器组件，支持实时预览，提供便捷工具栏快速插入标题、列表、代码块等常用标记，让结构化写作更直观高效的轻量级编辑组件。

API

Props 属性

参数	编码	说明	类型	默认值
默认状态	status	组件的状态, "默认"|"禁用"|"隐藏"	string	'default'
标题	title	组件的标题文案	string	'输入框'
显示标题	showLabel	是否显示标题	boolean	true
内容	value	markdown组件的默认值默认数据	string	-
显示工具栏	showToolbar	markdown编辑器工具栏是否显示	boolean	false
工具栏配置	toolbarConfig	配置勾选工具栏显示内容	Array
自定义上传	customUpload	是否自行处理图片上传,开启后需自定义文件上传接口	boolean	false
上传地址	imageUploadUrl	图片上传接口地址	string	-
上传文件名	fileName	上传接口传参名称	string	file
额外数据	extraData	上传接口除文件外所需的其他参数	function	-
头部信息	headers	上传接口header所需的参数	function	-
上传后处理	didUpload	处理上传接口的返回数据为组件所需的格式，组件默认接收url地址	function	-

Props 样式

参数	编码	说明	类型	默认值
自定义样式	baseStyle	表格整体自定义样式	string	-
宽度	width	markdown编辑器宽度	string	100%
高度	height	markdown编辑器高度	string	500px

Props 高级

参数	编码	说明	类型	默认值
唯一标识	name	组件的唯一标识	string	-
补充说明	extra	表单项底部的说明文字	string	''
气泡提醒	tip	组件旁边图标悬浮显示的说明性文字	string	-
必填	required	未输入内容时校验不通过	boolean	false
自定义函数	func	自定义校验函数，可配置校验规则与校验提示内容	boolean	false
循环	loop	循环渲染设置	-	-

Events

Events 属性

事件名	说明	回调参数
onChange	值改变且失焦时	ctx, params: { value:string }, loopDataList: LoopData[]

Type

LoopData

参数名	描述	类型
indexName	索引变量名	string
paramName	迭代变量名	string
row	当前迭代数据元素	any
rowIndex	当前迭代数据索引	any
ref	完整循环数组数据	ComputedRefImpl<Array>