百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Emacs 折腾日记(十七)——文本属性

zhezhongyun 2025-03-24 01:31 42 浏览

我们在上一篇中介绍了如何对文件中的文本进行操作,本篇主要来介绍关于文本的属性。

是的,文本也有属性。这里的文本属性有点类似于Word中的文字属性,文本中对应的字符只是文本属性的一种,它还包括文本大小、字体、颜色等等内容。Emacs中的文本也是类似的。于符号的属性类似,文本的属性也是由键值对构成。名 字和值都可以是一个 lisp 对象,但是通常名字都是一个符号,这样可以用这个 符号来查找相应的属性值。复制文本通常都会复制相应的字符的文本属性,但是 也可以用相应的函数只复制文本字符串,比如 substring-no-properties
insert-buffer-substring-no-properties

buffer-substring-no-properties

产生一个带属性的字符串可以用 propertize 函数。

(propertize "abc" 'face 'bold) ;; => #("abc" 0 3 (face bold))

这里我们使用 face 来设置它的字体为粗体。或者我们可以使用C-x C-f 任意的打开或者创建一个文本文件,在文件中输入

(insert (propertize "abc" 'face 'bold))

我们可以看到它会在当前光标后面插入一个粗体的 abc 字符串。需要注意的是,我们在*scratch* buffer 中是无法看到这个效果的。因为*scratch* buffer 中开启了font-lock-mode。正如它的名字表示的那样,它锁定了字体,它里面的字体属性都是实时计算出来的。在插入文本之后它的属性很快就被修改了。因为*scratch* buffer 本质上还是一个elisp的编程环境,它里面有关于elisp的语法高亮、自动对齐等特性。它会自动的修改输入的文本属性。我们可以使用 (font-lock-mode - 1) 来关闭这个mode,然后执行上述代码就可以看到具体的效果了。

虽然文本属性的名字可以是任意的,但是一些名字是有特殊含义的。

属性名

含义

category

值必须是一个符号,这个符号的属性将作为这个字符的属性

face

控制文本的字体和颜色

font-lock-face

和 face 相似,可以作为 font-lock-mode 中静态文本的 face

mouse-face

当鼠标停在文本上时的文本 face

fontified

记录是否使用 font lock 标记了 face

display

改变文本的显示方式,比如高、低、长短、宽窄,或者用图片代替

help-echo

鼠标停在文本上时显示的文字

keymap

光标或者鼠标在文本上时使用的按键映射

local-map

和 keymap 类似,通常只使用 keymap

syntax-table

字符的语法表

read-only

不能修改文本,通过 stickness 来选择可插入的位置

invisible

不显示在屏幕上

intangible

把文本作为一个整体,光标不能进入

field

一个特殊标记,有相应的函数可以操作带这个标记的文本

cursor

(不知道具体用途)

pointer

修改鼠标停在文本上时的图像

line-spacing

新的一行的距离

line-height

本行的高度

modification-hooks

修改这个字符时调用的函数

insert-in-front-hooks

与 modification-hooks 相似,在字符前插入调用的函数

insert-behind-hooks

与 modification-hooks 相似,在字符后插入调用的函数

point-entered

当光标进入时调用的函数

point-left

当光标离开时调用的函数

composition

将多个字符显示为一个字形

这些东西我觉得也不需要记住,在需要的时候查查文档就好了。但是我参考的教程把它列出来了,那么我也在这里列出来把。

由于字符串和缓冲区都可以有文本属性(如果没有特别指定文本对象的属性,那么默认使用缓冲区定义的文本属性),所以下面的函数通常不提供特定参数就是检 查当前缓冲区的文本属性,如果提供文本对象,则是操作对应的文本属性。

查看文本属性

查看文本对象在某处的文本属性可以用 get-text-property 函数。

(setq foo (propertize "abc" 'face 'bold)) ;; => #("abc" 0 3 (face bold))
(get-text-property 0 'face foo) ;; => bold

这里有两个问题需要注意一下,首先我们使用 propertize 为abc设置了文本属性face的值为bold,也就是将字符串设置为粗体。但是其中的0 和 3 代表什么呢?这里的0和3代表的是采用这个属性的字符在字符串中的范围,上面的代码中,整个abc字符串都采用整个属性,所以它的范围是[0, 3) 这个区间。要验证这一点我们可以使用下列代码

(setq foo (concat "abc"
  (propertize "cde" 'face 'bold))) ;; => #("abccde" 3 6 (face bold))
(insert foo)  

我们插入foo发现,它会插入 “abccde” 这么几个字符串,但是只有 “cde” 三个是加粗的

根据这个提示,很明显的,get-text-property 中输入的0代表的就是“abc”字符串第0个,也就是字符a的属性。

get-char-propertyget-text-property 相似,但是它是先查找 overlay 的 文本属性。overlay 是缓冲区文字在屏幕上的显示方式,它属于某个缓冲区,具 有起点和终点,也具有文本属性,可以修改缓冲区对应区域上文本的显示方式。

get-text-property 是查找某个属性的值,用 text-properties-at 可以得到某 个位置上文本的所有属性。

修改文本属性

put-text-property 可以给文本对象添加一个属性。它也是需要传入一个范围值,例如我们在前面foo的基础上使用以下代码

(put-text-property 0 3 'face 'italic foo)

我们再针对 foo 执行插入操作,此时会发现 abc 这个子串变成斜体了。

put-text-property 类似,add-text-properties 可以给文本对象添加一系列的属性。和 add-text-properties 不同,可以用 set-text-properties 直接设置文本属性列表。你可以用 (set-text-properties start end nil) 来除去 某个区间上的文本属性。也可以用 remove-text-properties
remove-list-of-text-properties
来除去某个区域的指定文本属性。这两个函数的属性列表参数只有名字起作用,值是被忽略的。
以下的例子还是建立在之前的 foo 变量之上,此时它的值为 #("baccde" 0 3 (face italic) 3 6 (face bold))。也就是前三个字符是斜体,后三个是加粗

(set-text-properties 0 1 nil foo)
;; 取消了 a 字符的文本属性
foo ;; => #("abccde" 1 3 (face italic) 3 6 (face bold))

(remove-text-properties 2 4 '(face nil) foo)
foo ;; => #("abccde" 1 2 (face italic) 4 6 (face bold))

(remove-list-of-text-properties 4 6 '(face nil) foo)
foo ;; => #("abccde" 1 2 (face italic))

查找文本属性

文本属性通常都是连成一个区域的,所以查找文本属性的函数是查找属性变化的 位置。这些函数一般都不作移动,只是返回查找到的位置。使用这些函数时最好 使用 LIMIT 参数,这样可以提高效率,因为有时一个属性直到缓冲区末尾也没 有变化,在这些文本中可能就是多余的。

next-property-change 查找从当前位置起任意一个文本属性发生改变的位置。
next-single-property-change
查找指定的一个文本属性改变的位置。 next-char-property-change 把 overlay 的文本属性考虑在内查找属性发生改 变的位置。
next-single-property-change
类似的查找指定的一个考虑 overlay 后文本属性改变的位置。这四个函数都对应有 previous- 开头的函数,用于查找当前位置之前文本属性改变的位置

(setq foo (concat "abc"
		  (propertize "edf" 'face 'bold)
		  (propertize "hij" 'pointer 'hand))) ;; => #("abcdefhji" 3 6 (face italic) 6 9 (face bold))
(next-property-change 1 foo) ;; => 3
(next-single-property-change 1 'pointer foo) ;; => 6

text-property-any 查找区域内第一个指定属性值为给定值的字符位置。 text-property-not-all 和它相反,查找区域内第一个指定属性值不是给定值的 字符位置。

(text-property-any 0 9 'face 'bold foo) ;; => 3
(text-property-not-all 3 9 'face 'bold foo) ;; => 6

相关推荐

JavaScript中常用数据类型,你知道几个?

本文首发自「慕课网」,想了解更多IT干货内容,程序员圈内热闻,欢迎关注!作者|慕课网精英讲师Lison这篇文章我们了解一下JavaScript中现有的八个数据类型,当然这并不是JavaScr...

踩坑:前端的z-index 之bug一二(zh1es前端)

IE6下浮动元素bug给IE6下的一个div设置元素样式,无论z-index设置多高都不起作用。这种情况发生的条件有三个:1.父标签position属性为relative;2.问题标签无posi...

两栏布局、左边定宽200px、右边自适应如何实现?

一、两栏布局(左定宽,右自动)1.float+margin即固定宽度元素设置float属性为left,自适应元素设置margin属性,margin-left应>=定宽元素宽度。举例:HTM...

前端代码需要这样优化才是一个标准的网站

  网站由前端和后端组成,前端呈现给用户。本文将告诉您前端页面代码的优化,当然仍然是基于seo优化的。  就前端而言,如果做伪静态处理,基本上是普通的html代码,正常情况下,这些页面内容是通过页面模...

网页设计如何自学(初学网页设计)

1在Dreamweaver中搭建不同的页面,需要掌握HTML的语句了,通过调整各项数值就可以制作出排版漂亮的页面,跟着就可以学习一些可视化设计软件。下面介绍网页设计如何自学,希望可以帮助到各位。Dre...

1、数值类型(数值类型有)

1.1数据类型概览MySQL的数据类型可划分为三大类别:数值类型:旨在存储数字(涵盖整型、浮点型、DECIMAL等)。字符串类型:主要用于存储文本(诸如CHAR、VARCHAR之类)。日期/...

网页设计的布局属性(网页设计的布局属性是什么)

布局属性是网站设计中必不可少的一个重要的环节,主要用来设置网页的元素的布局,主要有以下属性。1、float:该属性设置元素的浮动方式,可以取none,left和right等3个值,分别表示不浮动,浮在...

Grid网格布局一种更灵活、更强大的二维布局模型!

当涉及到网页布局时,display:flex;和display:grid;是两个常用的CSS属性,它们都允许创建不同类型的布局,但有着不同的用法和适用场景。使用flex布局的痛点当我们使...

React 项目实践——创建一个聊天机器人

作者:FredrikStrandOseberg转发链接:https://www.freecodecamp.org/news/how-to-build-a-chatbot-with-react/前言...

有趣的 CSS 数学函数(css公式)

前言之前一直在玩three.js,接触了很多数学函数,用它们创造过很多特效。于是我思考:能否在CSS中也用上这些数学函数,但发现CSS目前还没有,据说以后的新规范会纳入,估计也要等很久。然...

web开发之-前端css(5)(css前端设计)

显示控制一个元素的显示方式,我们可以使用display:block;display:inline-block;display:none;其中布局相关的还有两个很重要的属性:display:flex;和...

2024最新升级–前端内功修炼 5大主流布局系统进阶(分享)

获课:keyouit.xyz/14642/1.前端布局的重要性及发展历程前端布局是网页设计和开发的核心技能之一,它决定了页面元素如何组织和呈现。从早期的静态布局到现代的响应式布局,前端布局技术经历了...

教你轻松制作自动换行的CSS布局,轻松应对不同设备!

在网页设计中,自动换行的CSS布局是非常常见的需求,特别是在响应式设计中。它可以让网页内容自动适应不同屏幕尺寸,保证用户在不同设备上都能够获得良好的浏览体验。本文将介绍几种制作自动换行的CSS布局的方...

晨光微语!一道 CSS 面试题,伴你静享知识治愈时光

当第一缕阳光温柔地爬上窗台,窗外的鸟鸣声清脆悦耳,空气中弥漫着清新的气息。在这宁静美好的清晨与上午时光,泡一杯热气腾腾的咖啡,找一个舒适的角落坐下。前端的小伙伴们,先把工作的疲惫和面试的焦虑放在一边,...

2023 年的响应式设计指南(什么是响应式设计优缺点)

大家好,我是Echa。如今,当大家考虑构建流畅的布局时,没有再写固定宽度和高度数值了。相反,小编今天构建的布局需要适用于几乎任何尺寸的设备。是不是不可思议,小编仍然看到网站遵循自适应设计模式,其中它有...