您的位置:图文专栏 > 技术教程 > 实用技巧 >

实现百度编辑器代码高亮的简单小方法

发布时间: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手机投屏到电脑竟然这么简单!