请教一个前端的技术组件

这种ai直接回复的内容,可以输出到这个代码块里,可以直接预览效果,就是可以切换代码/预览效果,可以复制代码,可以全屏预览,这个是什么组件?是开源的吗,还是自己开发定制的?


1 Like

:pleading_face:感觉是和技术文档一样的类型吧(猜测)

我注意到的一般有三种
1.静态代码切换/复制/在线编辑,开源的highlight/Monaco Editor之类的库就可以轻松做到。
2.playground,一把用于文档,跳转到一个新页面里编辑+演示,参考vue-repl
3.你说的这种ai输出的代码直接预览,让我实现就是插个iframe,封装一下就行。

找了一下 ,有个库:sandpack

所以一般都是自己定义开发的是吧,没有完全一致的这种组件是吧?

有点像,但是不完全是

起码是自己简单封装一下吧。直接的找个完全符合需求的库不太好找。

1 Like

一模一样的肯定没有,要一样直接抠他的出来抄作业就完事了

能给你搜一大把来

2 Likes