Elementor 的代码突出显示小部件使您能够使用语法突出显示以可读、易于复制的格式呈现代码示例。https://www.youtube.com/embed/mV0wNM8FlKI?feature=oembed
- 语言:选择您的编码语言以正确突出代码的语法。选项包括 50 多种受支持的语言,例如 Markup、HTML、XML、SVG、Mathml、CSS、Javascript、ActionScript、PHP、Ruby 等
- 代码:在字段中输入您希望在页面上显示的代码片段。这也可能使用来自 ACF 或其他插件的动态标签数据
- 行号:选择显示以在每行旁边显示行号
- 复制到剪贴板:选择显示允许用户通过单击代码框右上角的复制按钮来复制代码
- 突出显示行:通过输入值或使用动态标记来指定要突出显示的一个或多个行。数字集应以逗号分隔。(例如,2-7、10、13-15 将突出显示第 2 到 7 行、第 10 行和第 13 到 15 行。)
- 自动换行:切换显示/隐藏自动换行
- 主题:选择代码显示的主题。浅色和深色主题可供选择
- 高度:输入代码框的高度
- 字体大小:设置代码的字体大小