Monaco Editor教程（十六）：缩略图minimap的配置详解

背景

缩略图 (Minimap) 是一种常见的用于快速预览和探索的工具，可作为导航辅助用户探索大规模图。
在大文件的阅读和编辑中，能够起到很好的导航作用，并且缩略图能够显示文件结构的大致轮廓，使开发人员能够快速知道对应的编辑位置。下面就来看一下monaco中minimap有哪些配置项，能够做出哪些特性。

在monaco中，minimap的底部是使用canvas来实现的，其中的滑动部分是一个div。内容可以是文件的文字，也可以是色块。

minimap 配置项

在monaco中，配置缩略图是在创建editor时使用minimap来配置，一共有8个配置项，分别是：autohide，enabled，maxColumn，renderCharacters，scale，showSlider，side，size
接口文档定义

/**
* Configuration options for editor minimap*/
export

Monaco Editor教程（十六）：缩略图minimap的配置详解相关推荐

《深入理解 Spring Cloud 与微服务构建》第十六章 Spring Boot Security 详解
<深入理解 Spring Cloud 与微服务构建>第十六章 Spring Boot Security 详解文章目录 <深入理解 Spring Cloud 与微服务构建>第十 ...
Monaco Editor教程（六）：切换主题，及自定义主题功能的实现
背景在实现一个WEB IDE时有些用户需要定制主题的功能,比如白色主题切换为黑色,这样会看起来酷一些. monaco的默认主题效果黑色主题效果下面我们一起看一下如何实现切换主题切换主题详解切 ...
各种进制（二、八、十、十六）相互转换带图详解
文章目录概念说明工具使用进位计数制的概念 (二.八.十六进制) 转十进制二进制转十进制八进制转十进制十六进制转十进制十进制转(二.八.十六进制) 十进制转二进制十进制 ...
Spring Boot 2.x基础教程：默认数据源Hikari的配置详解
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 作者 | 翟永超来源 | http://blog.di ...
[Python图像处理] 三十六.OpenCV图像几何变换万字详解（平移缩放旋转、镜像仿射透视）
该系列文章是讲解Python OpenCV图像处理知识,前期主要讲解图像入门.OpenCV基础用法,中期讲解图像处理的各种算法,包括图像锐化算子.图像增强技术.图像分割等,后期结合深度学习研究图像识别 ...
【二、八、十、十六】进制转换详解
目录背景进制转换算法 (二.八.十六进制) ---> (十进制) (十进制) ---> (二.八.十六进制) (二进制) --->(八.十六进制) (八进制) ↔ (十六进制) ...
java list 在头部添加6_【Java提高十六】集合List接口详解
在编写java程序中,我们最常用的除了八种基本数据类型,String对象外还有一个集合类,在我们的的程序中到处充斥着集合类的身影!java中集合大家族的成员实在是太丰富了,有常用的ArrayList. ...
力扣第四十六题（全排列）详解
题目意思很好理解,给定数组的全排列,对于此种类型的题目,应该首先想到回溯,可以很轻松的解决该问题.下面给出两种回溯算法的题解. 方法一: 用一个bool型数组记录该数是否用过,当然为了避免数组中有重复 ...
Hadoop生态圈（十六）- HDFS Snapshot快照详解
目录前言 1. Snapshot快照 1.1 快照介绍和作用 1.1.1 数据恢复 1.1.2 数据备份 1.1.3 数据测试 1.2 HDFS快照的实现 1.3 快照的命令 1.3.1 快照功能启 ...

Monaco Editor教程（十六）：缩略图minimap的配置详解

背景

minimap 配置项

Monaco Editor教程（十六）：缩略图minimap的配置详解相关推荐

最新文章

热门文章