codemirror主题效果概览

其他 2020-09-08 10:39:51 阅读次数: 0

codemirror是目前最流行的在线编辑器插件，本文主要是罗列codemirror提供的所有主题效果，如果你需要使用codemirror制作一个在线编辑器，可以参考本文选择一个喜欢的主题。

本文使用的目标对象是vue，其他语言或框架也是类似的。为了减小纵向篇幅，这里使用了三个codemirror，分别展示template、script和style的效果。

1. 3024-day

在这里插入图片描述

2. 3024-night

在这里插入图片描述

3. abcdef

在这里插入图片描述

4. ambiance-mobile

在这里插入图片描述

5. ambiance

在这里插入图片描述

6. ayu-dark

在这里插入图片描述

7. ayu-mirage

在这里插入图片描述

8. base16-dark

在这里插入图片描述

9. base16-light

在这里插入图片描述

10. bespin

在这里插入图片描述

11. blackboard

在这里插入图片描述

12. cobalt

在这里插入图片描述

13. colorforth

在这里插入图片描述

14. darcula

在这里插入图片描述

15. dracula

在这里插入图片描述

16. duotone-dark

在这里插入图片描述

17. duotone-light

在这里插入图片描述

18. eclipse

在这里插入图片描述

19. elegant

在这里插入图片描述

20. erlang-dark

在这里插入图片描述

21. gruvbox-dark

在这里插入图片描述

22. hopscotch

在这里插入图片描述

23. icecoder

在这里插入图片描述

24. idea

在这里插入图片描述

25. isotope

在这里插入图片描述

26. lesser-dark

在这里插入图片描述

27. liquibyte

在这里插入图片描述

28. lucario

在这里插入图片描述

29. material-darker

在这里插入图片描述

30. material-ocean

在这里插入图片描述

31. material-palenight

在这里插入图片描述

32. material

在这里插入图片描述

33. mbo

在这里插入图片描述

34. mdn-like

在这里插入图片描述

35. midnight

在这里插入图片描述

36. monokai

在这里插入图片描述

37. moxer

在这里插入图片描述

38. neat

在这里插入图片描述

39. neo

在这里插入图片描述

40. night

在这里插入图片描述

41. nord

在这里插入图片描述

42. oceanic-next

在这里插入图片描述

43. panda-syntax

在这里插入图片描述

44. paraiso-dark

在这里插入图片描述

45. paraiso-light

在这里插入图片描述

46. pastel-on-dark

在这里插入图片描述

47. railscats

在这里插入图片描述

48. rubyblue

在这里插入图片描述

49. seti

在这里插入图片描述

50. shadowfox

在这里插入图片描述

51. solarized

在这里插入图片描述

52. ssms

在这里插入图片描述

53. the-matrix

在这里插入图片描述

54. tomorrow-night-bright

在这里插入图片描述

55. tomorrow-night-eighties

在这里插入图片描述

56. ttcn

在这里插入图片描述

57. twilight

在这里插入图片描述

58. vibrant-ink

在这里插入图片描述

59. xq-dark

在这里插入图片描述

60. xq-light

在这里插入图片描述

61. yeti

在这里插入图片描述

62. yonce

在这里插入图片描述

63. zenburm

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_41694291/article/details/106429772
今日推荐
火速冲上 GitHub 热榜 —— 开源编程语言、框架哪有这么可爱？
北京人形机器人创新中心发布全球首个纯电驱拟人奔跑的全尺寸人形机器人“天工”
LFOSSA 源来如此公开课 | 掌握云原生未来：CNCF 认证全面攻略与备考秘籍
国产云输入法——仅华为无云端数据上传安全问题
开源日报 | 工业开源项目OGG 1.0；姐姐，你要和我一起配置火狐吗；苹果AI遥遥落后？Fedora 40
开放签电子签章：停止新增，优化体验，前进更进（五一假期前工作）
周排行
Metasploit文件目录与入侵基本概念
跨域(CORS)请求问题[No 'Access-Control-Allow-Origin' header is present on the requested resource]常见解决方案
CodeIgniter 源码解读之 CodeIgniter.php（二）
SAS入门之（四）改变数据类型
初识元组
[数学建模]数学建模算法和模型（B站视频）（二）
Nginx 服务器源码安装配置流程
C#实现语音视频录制 【基于MCapture + MFile】
开发进度4
下载安装vue的方法网址
每日归档
更多
2024-04-28(0)
2024-04-27(56)
2024-04-26(39)
2024-04-25(22)
2024-04-24(36)
2024-04-23(26)
2024-04-22(39)
2024-04-21(0)
2024-04-20(6)
2024-04-19(5)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022