🥳Elx开源升级:XMarkdown 组件加入、Storybook 预览体验升级

Element Plus X V1.3.0上新XMarkdown 组件

🙊大家好,我是嘉悦。经过一周 beta 版本的测试,我们推出了 v1.3.0 主版本,并且将 main 分支的代码进行了替换。移除了旧的 playground 代码,换成了新的 storybook 在线预览体验更好。同时我们也在我们的👉仿豆包模版项目 中升级了最新的自建库依赖,并集成了 xmd 组件

🥪现在的在线预览:可以在右侧进行调试,实时预览,让你更快理解组件属性
🫕最新的模版项目代码已经更新,请大家酌情拉取,可能会和你本地的已修改的代码有冲突

这一次主版本的更新,主要是给 XMarkdown 组件进行了优化升级,我们内置了更多功能

🍍内置更多功能,支持自定义

功能 描述 是否支持
增量渲染 极致的性能
自定义插槽 可以是 h 函数的组件,也可以是 template 模版组件,上手更简单
行级代码块高亮 内置样式,可自定义
代码块高亮 内置折叠、切换主题色、复制代码块、滚动吸顶功能
数学公式 支持行级公式和块级公式
mermaid 图表 内置切换查看代码、缩放、归位、下载、复制代码块功能
自定义 echarts 自定义渲染
拦截 ``` 后面的标识符 拦截后可获取内容进行自定义渲染
拦截标签 拦截后可进行自定义渲染
支持预览 html 代码块 内置对 html 标签的预览功能

🐝在项目中使用后,大概是这个样子

💌 mermaid 图表

💌 数学公式

💌 预览 html

💌 代码块

💌 自定义代码块

💌 自定义属性

💌 自定义标签

目前,我们已经将组件上新到组件库 main 分支开源,请大家及时fork 最新的 main 分支代码。💐欢迎大家升级体验最新V1.3.0版本

pnpm 复制代码
pnpm add vue-element-plus-x@1.3.0

V1.3.0版本更新内容速递:

🍉 后续计划

  • 😁我们近期会对组件库的官网进行更新
  • 🥰预计下周,我们将会推出一个对 vue2 的支持库,并负责维护下去
  • 🐒预计下下周,我们将会推出 编辑发送框组件,这个组件已经在测试阶段
  • 🙉同时已经组建了一个30+人的开发者群,后续会在开发者群中开放更多的贡献任务
  • 💩对这个项目感兴趣的朋友,可以加交流群或者作者微信 👉交流邀请

📢 项目地址,快速链接体验

这里是最全的项目地址,方便大家跳转查看

名称 链接
👀 模版项目 预览 👉 在线预览
🍉 模版项目 源码 👉 github 👉 gitee
🎀 模版项目 开发文档 👉 模版项目 开发文档
💟 Element-Plus-X 组件库 👉 Element-Plus-X 组件库 开发文档
🎃 Element-Plus-X 组件库交流群 👉 交流3群二维码地址 github 👉 交流3群二维码地址 gitee 💖加入交流群,获取最新的技术支持💖
🚀 若依AI项目 源码 👉 github 👉 gitee
🔥 Hook-fetch 超优雅请求库 👉 源码学习
相关推荐
数据科学作家1 小时前
学数据分析必囤!数据分析必看!清华社9本书覆盖Stata/SPSS/Python全阶段学习路径
人工智能·python·机器学习·数据分析·统计·stata·spss
F2E_Zhangmo2 小时前
基于cornerstone3D的dicom影像浏览器 第三章 拖拽seriesItem至displayer上显示第一张dicom
前端·javascript·cornerstone·cornerstone3d·cornerstonejs
CV缝合救星3 小时前
【Arxiv 2025 预发行论文】重磅突破!STAR-DSSA 模块横空出世:显著性+拓扑双重加持,小目标、大场景统统拿下!
人工智能·深度学习·计算机视觉·目标跟踪·即插即用模块
TDengine (老段)5 小时前
从 ETL 到 Agentic AI:工业数据管理变革与 TDengine IDMP 的治理之道
数据库·数据仓库·人工智能·物联网·时序数据库·etl·tdengine
蓝桉8025 小时前
如何进行神经网络的模型训练(视频代码中的知识点记录)
人工智能·深度学习·神经网络
星期天要睡觉6 小时前
深度学习——数据增强(Data Augmentation)
人工智能·深度学习
gnip7 小时前
Jst执行上下文栈和变量对象
前端·javascript
excel7 小时前
🐣 最简单的卷积与激活函数指南(带示例)
前端
南山二毛7 小时前
机器人控制器开发(导航算法——导航栈关联坐标系)
人工智能·架构·机器人
大数据张老师7 小时前
【案例】AI语音识别系统的标注分区策略
人工智能·系统架构·语音识别·架构设计·后端架构