如何使用vue3+ elementUI plus实现代码识别？

使用vue3+ elementUI plus
实现代码识别，如图

左边输入代码，代码是图中左侧， 右边窗体自动识别代码预览效果
ps:图片是用的是.net和Visual Studio 2019实现的，我想要用vue实现这个功能，作用制作标签模板，打印

markdowm

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7751243
• 你也可以参考下这篇文章：vue 使用elementUI组件中的图片预览功能扩展 和 批量删除功能实现
• 除此之外, 这篇博客: Vue2+elementUi后台管理项目总结中的 2.项目功能模块划分 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
  
  • 登录/退出功能
  • 主页布局
  • 用户管理模块
  • 权限管理模块
  • 分类管理模块
  • 商品列表模块
  • 订单管理模块
  • 数据统计模块
• 您还可以看一下 汤小洋老师的【精品课】Vue.js实现电商后台管理系统（企业项目实战）课程中的 使用ElementUI绘制登陆表单小节, 巩固相关知识点
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^