1. docs
sss
  • docs
    • docs
      • EleProLayout 高级布局组件使用文档
      • Markdown - ByteMdEditor
      • 下拉菜单 - EleDropdown
      • 主题功能
      • 二维码 - EleQrcode
      • 全局配置 - EleConfigProvider
      • 其他功能
      • 分段器 - EleSegmented
      • 分页组件 - ElePagination
      • 加载中 - EleLoading
      • 包裹组件 - EleApp
      • 卡片组件 - EleCard
      • 可选卡片 - EleCheckCard
      • 图标选择 - EleIconSelect
      • 富文本 - TinymceEditor
      • 导航菜单 - EleMenus
      • 工具方法与表单数据操作文档
      • 抽屉组件 - EleDrawer
      • 文字提示 - EleTooltip
      • 文本组件 - EleText
      • 标签输入 - EleEditTag
      • 标签页 - EleTabs
      • 树下拉 - EleTreeSelect
      • 步骤条 - EleSteps
      • 气泡确认框 - ElePopconfirm
      • 消息提示 - EleMessage
      • 统计图表 - VueEcharts
      • 表格下拉 - EleTableSelect
      • 表格组件 - EleDataTable
      • 警告提示 - EleAlert
      • 页面容器 - ElePage
      • 高级弹窗 - EleModal
      • 高级表格 - EleProTable
  1. docs

Markdown - ByteMdEditor

5.46.1.快速使用
markdown 编辑器组件 ByteMdEditor 基于开源的 bytemd 封装(精简版、若依普通版无此组件),使用示例:

运行代码 新窗口打开
5.46.2.属性列表
5.46.3.事件列表
5.46.4.上传图片接口
实现图片上传功能,config 里面实现了 uploadImages 方法就会显示图片选择的图标按钮:

运行代码 新窗口打开
请求后端接口上传示例,如果接口不支持一次上传多个文件,可以前端调用多次并使用 Promise.all 返回:

运行代码 新窗口打开
5.46.5.展示组件
markdown 内容解析展示组件 ByteMdViewer 位于 src/components/ByteMdViewer 中(精简版、RuoYi版无此组件),使用示例:

运行代码 新窗口打开
属性列表:

修改于 2025-12-20 03:37:01
上一页
EleProLayout 高级布局组件使用文档
下一页
下拉菜单 - EleDropdown
Built with