发布时间:2022-10-20 09:26:21
实现百度编辑器代码高亮的简单小方法
百度编辑器代码高亮在网络上的方法可谓是天花乱坠,对于技术高深的人来说就是一点通,但对于小白来说可是一头雾水,浪费时间还实现不了。
下面我给这个方法虽然实现不了代码高亮。至少可以凸显代码部分。方法很简单,效果也很单调,如果要求太高的,请关闭此页。
在CSS样式中添加以下代码即可:
/*百度编辑器代码语言样式*/
pre{
box-sizing: border-box;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 13px;
margin-top: 10px;
margin-bottom: 10px;
overflow: auto;
color: rgb(51, 51, 51);
padding: 9.5px;
line-height: 1.42857;
word-break: break-all;
overflow-wrap: break-word;
background-color: rgb(245, 245, 245);
border: 1px solid rgb(204, 204, 204);
border-radius: 4px;
}
效果如下:
上一篇: 迅睿文章列表页分页标签使用教程 下一篇: 不用下载APP手机投屏到电脑竟然这么简单!