文档章节

html-mode简单使用

Y
 YE_Four
发布于 2018/03/31 08:18
字数 623
阅读 2
收藏 0

Emacs 默认为我们提供了一个编写 html 文件的模式 -- html-mode 。这给我们带来了不小的方便。当然,你也可以尝试功能更加强大的 html-helper-mode 。

1、开始

当我们打开一个 .html 格式的文件时,emacs 已经自动进入 HTML 模式了,这时你应该可以看到 底部状态条上显示 HTML 字样。 如果没有自动进入,你也可以使用 M-x html-mode 。 Emacs 为我们提供了一个简单的 HTML 模板,C-c C-t html ,然后输入title回车就可以调用这个模板了。M-x html-autoview-mode(C-c C-s),可以在Emacs保存HTML文档时打开浏览器浏览效果。不过我更喜欢在浏览器中打开着编写的网页,保存后按F5就可以查看效果了。

2、隐藏和显示HTML标记

有时候,我们编写html文件时,整个窗口都是高亮显示的标记,你会不会感觉到眼花呢?想要隐藏这些标记很简单,html-mode 里边只需要 C-c Tab 便可以将这些标记隐藏起来,当要显示它们时,再次按 C-c Tab 就可以了。不用担心隐藏的标记会被我们不小心删除掉,当光标移动到隐藏的标记位置时,Mini-buffer中会显示出来。

3、快捷键

p { margin-bottom: 0.21cm; }

C-c C-f : 光标移动到当前所在位置的下一个HTML 标签。

C-c C-b : 光标移到到当前所在位置的上一个HTML 标签。

C-c <left>/<right> : 跳到该标签的开始/ 结束。

C-c DEL : 删除标签。 C-c 1~6 : 插入标题h1~h6 。

C-c Enter : 插入段落标记 <p> 。

C-c / :闭合b 标签。比如可以结合上一条使用,就会自动插入</p> 。

C-c C-c h : 插入超级链接标记。

C-c C-c n : 插入anchor (锚标),便于在文档其他位置跳转到该位置。

需要在Mini-buffer 中输入锚标名称。

C-c C-c u : 插入无序列表标记<ul><li></ul> 。

C-c C-c o : 插入有序列表标记<ol><li></ol> 。

C-c C-c p : 插入标记<li> 。

C-c C-c - : 插入水平线 <hr> 。

C-c C-c i : 插入图像引用标记 <img> 。

C-c C-j : 插入换行符<br> 。

 

4、特殊字符输入

有时需要在html文本中显示html标记,比如<p>,不能直接输入。可以这样: C-c C-n < ,然后输入 p ,然后再 C-c C-n >;。其实 C-c C-n 后输入的字符都不会被html解析而直接输出了。

本文转载自:转自:http://www.bimeichun.com/Linux/emacs_html.html

上一篇: linux目录结构
下一篇: emacs 命令
Y
粉丝 0
博文 23
码字总数 9312
作品 0
玉溪
程序员
私信 提问
Emacs中的彩虹模式:标识css颜色

自己不是很擅长CSS,不过还是要经常接触一些。发现自己对里面的颜色编码非常头痛,于是萌生了在Emacs中对css中的颜色进行标记的想法。不过鉴于自己的elisp水平有限,最终只写了一个简陋版,可...

Lwxxx
2012/09/12
0
0
VNote 1.12 更新,基于 Qt 的开源笔记软件

1. VNote 1.12更新 VNote 1.12已经发布!这次更新的重点是和外界的交互,包括导出和复制。 先上一个更新列表: Combine EditNote and SaveExitNote as EditReadNote (Ctrl+T); Support expo...

tamlok
2018/02/27
1K
3
在emacs org-mode 中插入截图

使用iimage-mode可以在buffer里面显示图片,改了一个lisp函数来实现截屏、保存文件并插入到buffer中的功能。参考了这个: http://dreamrunner.org/wiki/public_html/Emacs/org-mode.html#se...

ChanningBJ
2013/04/20
0
0
emacs web-mode+yasnippet 初次使用笔记

想用emacs写html,今天试了下 web-mode这个包 使用use-package初始化 打开html文件 会自动使用web-mode模式 使用HTML模板 C-c h 可以查看当前模式下的快捷键和绑定的命令函数 C-c C-s insert...

Rezeroer
2016/08/21
61
0
webpack 4.x + Vue基础配置,顺利启动项目

此配置为自己动手的webpack 4.x简单配置,高手绕过,入门者共同学习!不懂处可自行百度或者留言 webpack中文官网 坑:全局webpack版本为3.x, 而项目为4.x 建议安装项目局部的webpack版本 np...

sponing
2018/07/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

所以说这才是Redis进化史吗?看Redis是如何变成最强缓存的

写在前面:笔者翻阅了很多资料,只能找到Redis2.2及以后的主要版本的发布日志。所以,让我们从2.2开始一步一步深入了解Redis。 2.2 redis-cli命令非常大的改进: Tab补全,支持help(例如help ...

Java干货分享
38分钟前
1
0
manjaro抽风,/usr/lib/modules目录丢失

现象 2019年6月16日这周,突然发现manjaro抽风: 先是启动时无法加载一些内核模块,导致启动失败 然后用启动盘重新pacman -S linux,第一次启动是好的,再启动就有问题了 原因 翻来覆去搞不定...

chuqq
44分钟前
5
0
MyClouds-2.0-RC 发布,企业级微服务平台

MyClouds企业级微服务平台 MyClouds-V2.0-RC 已发布。 更新如下 [优化] 重构了系统架构。(移除myclouds-admin-webserver工程,停用后端thymeleaf模版引擎,前后端彻底分离;移除了myclouds-...

xiongchun
45分钟前
0
0
Wine-Staging 4.9 发布,增添一些新补丁

Wine-Staging的工作还在继续,到4.9版为止,在上游Wine代码库上有超过830个补丁。 在上周五的Wine 4.9发布之后,Wine-Staging 4.9已经发布了,之前的一些暂存工作现在围绕Windows编解码器和D...

linuxCool
50分钟前
1
0
JAVA8新特性(吐血整理)

一、Java 8 Lambda 表达式 Lambda 表达式,也可称为闭包,它是推动 Java 8 发布的最重要新特性。 Lambda 允许把函数作为一个方法的参数(函数作为参数传递进方法中)。 使用Lambda 表达式可以...

天王盖地虎626
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部