🥳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 超优雅请求库 👉 源码学习
相关推荐
Nick_zcy16 小时前
基于Vue和Python的羽毛球拍智能推荐系统, 从“不会选羽毛球拍”到“选对拍”的一站式小工具
前端·vue.js·python·算法·推荐算法
invicinble16 小时前
关于对前端项目(架子级别)的理解和认识
前端
世岩清上16 小时前
脑机接口:从实验室到生活场景的科技革命——2025全球科技展深度观察
人工智能·科技·生活
美团技术团队16 小时前
大模型剪枝新范式:先浓缩,再剪枝——DenoiseRotator技术解读
人工智能
Sapphire~16 小时前
【前端基础】02-命令式组件系统 | 声明式组件系统 | 响应式组件系统
前端
charlie11451419116 小时前
AVX 指令集系列深度介绍:领域、意义、以及 AVX AVX2 的基本用法与样例
开发语言·c++·人工智能·软件工程·并行计算·avx
AI浩16 小时前
【Block总结】门控注意力机制,最新注意力机制|即插即用|最佳论文奖
人工智能·语言模型·自然语言处理
老蒋新思维17 小时前
创客匠人推演:当知识IP成为“数字心智”的架构师——论下一代认知服务的形态
网络·人工智能·网络协议·tcp/ip·机器学习·创始人ip·创客匠人
骑驴看星星a17 小时前
【回顾React的一些小细节】render里不可包含的东西
前端·javascript·react.js
小白阿龙17 小时前
浮动元素导致父元素高度塌陷
前端