标题：*
140 字

TAG标签：（用空格隔开）
30 字

恢复历史版本：

HTML转MD HTML转MD2

<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 20px; word-break: break-word; color: rgb(64, 64, 64); font-family: -apple-system, BlinkMacSystemFont, " apple="" color="" segoe="" ui="" pingfang="" hiragino="" sans="" microsoft="" helvetica="" white-space:="" background-color:="">BuilderX是国产的优秀编辑器。 整理了大部分常用的快捷键，供大家参考。 建议保存图片，打印出来。 <img src="/ueditor/php/upload/image/20201014/1602656656971135.png" title="1602656656971135.png" alt="深度截图_选择区域_20201014142305.png"/> <h2 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; padding-bottom: 0.3em; border-bottom: none; white-space: normal; background-color: rgb(255, 255, 255);">免拖动选择</h2><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">用鼠标拖着选中一片文本，是一个很容易让食指抽筋的操作。尤其是触摸板更痛苦。 但是背诵很多相关的快捷键也一样痛苦。 HBuilderX提供了更友好方式：智能双击和Ctrl+扩大选区。<h3 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; font-size: 1.25em; white-space: normal; background-color: rgb(255, 255, 255);">智能双击</h3><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">在HBuilderX中，但凡特殊点的字符，都能智能双击。<ul style="list-style-type: square;" class=" list-paddingleft-2"><li>双击引号/括号内侧，是选中引号/括号内的内容</li><li>双击逗号两侧，是选择逗号前一段或后一段</li><li>双击行尾，是选中该行(不含回车符)</li><li>双击连词符（-_）选中整个词</li><li>双击折叠行首内容开头，选择折叠段落</li><li>双击行首缩进，选择相同缩进的段落</li><li>双击列表符号，选择列表段落</li><li>双击Tag开头或结尾，选择整段Tag</li><li>双击属性赋值等号=，选择Html属性</li><li>双击if、function等关键字，选择整段包围区域</li><li>双击分号，选择js等语言的;分号前段落</li><li>双击css类名左侧，选择Css类</li><li>双击注释符选择注释区域</li><li>双击#选择markdown标题段落</li><li>双击语法定义符开头选择markdown图片、超链接、加粗、倾斜、代码等语法区</li></ul><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">下面是一个gif图例，双击选中tag和包围父tag<ol style="box-sizing: border-box; margin-bottom: 16px; margin-left: 15px; padding: 5px 0px 5px 2em; list-style-position: initial; list-style-image: initial; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"><li>双击div tag的首或尾可以选中这个tag，即开头的&lt;左侧或结尾的&gt;右侧。当然双击if、双击缩进符、双击括号引号内侧...很多位置都可以通过智能双击选中。具体见HBuilder的选择菜单。</li><li>按Ctrl+]包围，就可以在这个选区首尾加父标签，同时闪烁光标。如果在js里，按下Ctrl+]不是包围tag，而是包围if、for等函数库，方便快速把一段代码放入if块中。</li><li>输入div即可在首尾添加包围标签 <img src="/ueditor/php/upload/image/20201014/1602656767331569.gif" alt="" class="center_image" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/></li></ol><h3 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; font-size: 1.25em; white-space: normal; background-color: rgb(255, 255, 255);">扩大选区Ctrl+=</h3><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">=是+的默认键位置，所以Ctrl+=其实就是Ctrl键和+号一起按下。 在HBuilderX里可以智能的判断选区范围，持续扩大选区，无鼠标快速选中你需要的选区。 <img src="/ueditor/php/upload/image/20201014/1602656767694604.gif" alt="" class="center_image" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/><h2 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; padding-bottom: 0.3em; border-bottom: none; white-space: normal; background-color: rgb(255, 255, 255);">反包围</h2><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">上面讲到包围，也自然有反包围。<ol style="box-sizing: border-box; margin-bottom: 16px; margin-left: 15px; padding: 5px 0px 5px 2em; list-style-position: initial; list-style-image: initial; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"><li>双击tag p开头，选中该tag。</li><li>按反包围Ctrl+Shift+]，可去掉tag p并自动处理子节点的缩进。 <img src="/ueditor/php/upload/image/20201014/1602656767433134.gif" alt="" class="center_image" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/> 这里多提一句HBuilderX的快捷键理念，就是符号化，而不是字母化。 很多工具的快捷键都是控制键+功能英文单词中的一个字母，这个是极难记忆的。 符号化让快捷键的记忆变简单，比如Ctrl+]是包围。 而反操作或增强操作一般是加Shift，比如Ctrl+Shift+]是反包围。</li></ol><h2 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; padding-bottom: 0.3em; border-bottom: none; white-space: normal; background-color: rgb(255, 255, 255);">选中相同语法词及跳过某词</h2><ol style="box-sizing: border-box; margin-bottom: 16px; margin-left: 15px; padding: 5px 0px 5px 2em; list-style-position: initial; list-style-image: initial; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"><li>下图中，使用普通的选择相同词Ctrl+e(mac是Cmd+d)，会把所有div都选中。但使用Ctrl+Shift+e（mac是Cmd+Shift+d），会智能识别语法，剔除不相干的词。</li><li>下图按下选择相同语法词，同时选中tag首尾的div，而不会选中子节点的div。</li><li>然后就可以方便的将原div改名为p <img src="/ueditor/php/upload/image/20201014/1602656767588632.gif" alt="" class="center_image" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/></li><ul style="list-style-type: square;" class=" list-paddingleft-2"><li>如果想选择配对括号，靠相同词是不行的。选中相同语法词会选中匹配的2个左右括号</li><li>批量选中所有相同词是Ctrl+Alt+e(mac是ctrl+alt+d) 选择相同语法还可以用于变量重构，详见<a href="http://ask.dcloud.net.cn/article/35732" target="_blank" style="box-sizing: border-box; background: 0px 0px transparent; color: rgb(66, 139, 202); text-decoration-line: none; cursor: pointer;">http://ask.dcloud.net.cn/article/35732</a></li></ul></ol><h2 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; padding-bottom: 0.3em; border-bottom: none; white-space: normal; background-color: rgb(255, 255, 255);">交换选区内容</h2><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">当需要交互2个选区的内容时，选中a、剪切、点b前面、粘贴、选中b、找到之前a的位置点击、粘贴...这么长的操作太低效。 来看HBuilderX的Ctrl+Shift+x交互选区，也就是Ctrl+x的增强版。<ol style="box-sizing: border-box; margin-bottom: 16px; margin-left: 15px; padding: 5px 0px 5px 2em; list-style-position: initial; list-style-image: initial; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"><li>双击第1个style属性后的引号内侧，可选中引号内容。</li><li>按下Ctrl后继续双击第2个style属性后的引号内侧，可选中2个引号内的选区。</li><li>按下Ctrl+Shift+x，交换style属性的内容。 <img src="/ueditor/php/upload/image/20201014/1602656767454085.gif" alt="" class="center_image" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/> 如果不选择内容，光标放置到2行，可直接交换这2行的内容，如下图 <img src="/ueditor/php/upload/image/20201014/1602656767291453.gif" alt="" class="center_image" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/></li></ol><h2 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; padding-bottom: 0.3em; border-bottom: none; white-space: normal; background-color: rgb(255, 255, 255);">撤销最后一个多选区或多光标</h2><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">选区选多了或选错了，不用担心要重头选，Ctrl+Shift+z不是撤销编辑内容，而是撤销最后一个选区。<ol style="box-sizing: border-box; margin-bottom: 16px; margin-left: 15px; padding: 5px 0px 5px 2em; list-style-position: initial; list-style-image: initial; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"><li>双击选中class</li><li>按Ctrl+e选中相同词</li><li>按Ctrl+Shift+z，不再选中最后一个词。 <img src="/ueditor/php/upload/image/20201014/1602656767151717.gif" alt="" class="center_image" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/></li><ul style="list-style-type: square;" class=" list-paddingleft-2"><li>如果多选了一个词，还可以点Ctrl+鼠标右键取消一个选区</li><li>跳过当前词选下一个词时Alt+Shift+e(mac是ctrl+shift+d)</li></ul></ol><h2 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; padding-bottom: 0.3em; border-bottom: none; white-space: normal; background-color: rgb(255, 255, 255);">批量合并行</h2><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">下图示例，是把css合并为一行时的快捷操作<ol style="box-sizing: border-box; margin-bottom: 16px; margin-left: 15px; padding: 5px 0px 5px 2em; list-style-position: initial; list-style-image: initial; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"><li>双击{内侧选中class</li><li>按Ctrl+双击选中另一个class</li><li>按反格式化Ctrl+Shift+k，可以把每个css的区块代码都合并为一行 Ctrl+k是格式化代码，那么Ctrl+Shift+k就是合并为一行。 <img src="/ueditor/php/upload/image/20201014/1602656767649832.gif" alt="" class="center_image" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/></li></ol><h2 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; padding-bottom: 0.3em; border-bottom: none; white-space: normal; background-color: rgb(255, 255, 255);">同时注释if段首尾</h2><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">if块的调整很常见，除了包围、反包围外，常用操作还有同时注释掉if段首尾。<ol style="box-sizing: border-box; margin-bottom: 16px; margin-left: 15px; padding: 5px 0px 5px 2em; list-style-position: initial; list-style-image: initial; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);" class=" list-paddingleft-2"><li>双击if选中if代码块</li><li>按Ctrl+\在选区首尾加光标，变成多光标模式</li><li>按Ctrl+/注释掉选区首尾行 <img src="/ueditor/php/upload/image/20201014/1602656767172443.gif" alt="" class="center_image" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/></li></ol><h2 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; padding-bottom: 0.3em; border-bottom: none; white-space: normal; background-color: rgb(255, 255, 255);">转到定义</h2><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">转到定义是非常常用的功能，普通编辑器不长于此，只能猜单词跳转。 HBuilderX有强大的语法分析引擎，可以准确的跳转定义位置。 转到定义的快捷键是Alt+d，鼠标操作是alt+左键单击（注意不是ctrl，因为ctrl留给了多光标） 而HBuilderX还有一个特色是转到定义到分栏，ctrl+alt+左键，可以把一个定义处的代码打开在另一侧，方便共同查看。 下图中，从uni-app项目的pages.json里ctrl+alt+左键点击一个页面，打开component.vue，继续点击样式uni-padding-wrap，打开样式定义文件uni.css。 多个文件可以并排查看编辑。 <a href="https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20181213/ece700817a5d23f85d12dd3811dded2c.png" target="_blank" data-fancybox-group="thumb" rel="lightbox" style="box-sizing: border-box; background: 0px 0px transparent; color: rgb(66, 139, 202); text-decoration-line: none; cursor: pointer; display: inline-block; margin: 15px 0px;"><img src="/ueditor/php/upload/image/20201014/1602656767850490.png" class="center_image" title="" alt="" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/></a><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);"> <h2 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; padding-bottom: 0.3em; border-bottom: none; white-space: normal; background-color: rgb(255, 255, 255);">折叠</h2><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">折叠的快捷键是alt+-和= 在菜单跳转-折叠里，还有更多折叠的玩法，其中有一个功能非常有用，就是“折叠其他选区”，快捷键是Alt+Shift+o。 比如在本markdown文档源码编辑时，按下Alt+Shift+o就可以把其他段落都折叠起来，专注于当前段落的编写。 <a href="https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20181213/1ea5937264d5479b87230853de590ce9.png" target="_blank" data-fancybox-group="thumb" rel="lightbox" style="box-sizing: border-box; background: 0px 0px transparent; color: rgb(66, 139, 202); text-decoration-line: none; cursor: pointer; display: inline-block; margin: 15px 0px;"><img src="/ueditor/php/upload/image/20201014/1602656767927407.png" class="center_image" title="" alt="" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/></a><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);"> <h2 style="box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, &quot;Microsoft YaHei&quot;, sans-serif; line-height: 1.25; color: rgb(51, 51, 51); margin: 24px 0px 16px; padding-bottom: 0.3em; border-bottom: none; white-space: normal; background-color: rgb(255, 255, 255);">大纲</h2><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">左边的大纲是长文档导航的利器。alt+w激活它(mac是ctrl+w)。 <a href="https://img-cdn-qiniu.dcloud.net.cn/uploads/article/20181213/6c0e75d0bd1a55129755bb49adcf91a8.png" target="_blank" data-fancybox-group="thumb" rel="lightbox" style="box-sizing: border-box; background: 0px 0px transparent; color: rgb(66, 139, 202); text-decoration-line: none; cursor: pointer; display: inline-block; margin: 15px 0px;"><img src="/ueditor/php/upload/image/20201014/1602656768120437.png" class="center_image" title="" alt="" style="box-sizing: content-box; border: 0px none; vertical-align: middle; text-align: center; max-width: 800px; display: inline;"/></a><p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 5px; color: rgb(102, 102, 102); font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Helvetica, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-size: 14px; white-space: normal; background-color: rgb(255, 255, 255);">