使用 prismjs 在网页中高亮显示代码

【使用 prismjs 在网页中高亮显示代码】的更多相关文章

使用 prismjs 在网页中高亮显示代码

最近在总结这一年来制作的网页模块,网站风格统一的情况下,网站页面结构不会改变,因此想记录一部分网站中统一的结构,方便日后维护. 用到的相关技术: vue, element-ui, prismjs, vue-prism-editor, vue-router 做成的效果如图: 因为是在 vue 环境下,因此需要安装以下插件: npm i prismjs npm i vue-prism-editor npm i element-ui 制作过程中有三个知识点: element-ui 菜单展示代码通过组…

prism.js——让网页中的代码更好看

粗放的代码展示有时候,网页中会插入代码.直接把代码放入<pre></pre>标签和<code></code>标签里,也算是可以在页面中显示出来. 比如下面这样的: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>直接写代码</title> </hea…

Bootstrap css栅格 + 网页中插入代码+css表格

设计达人 http://www.shejidaren.com/30-minimal-app-icons.html CSS栅格: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <…

java正则表达式移除网页中注释代码

/** * 移除网页中注释掉的代码 * * @param str * @return */ public static String removedisablecode(String str) { Pattern pattern = Pattern.compile(""); Matcher matcher = pattern.matcher(str); str = matcher.replaceAll("");…

使用 highlight.js 在网页中高亮显示java 代码【原】

<html> <head> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js">…

CSDN编写技巧--CSDN中高亮显示代码

1, 最近在编写CSDN博客的时候,有种生不如死的感觉,就是如下的现象: 除了图中圈红圈的部分,还有就是背景色是灰色,并且,关键字不高亮显示,起始正常的情况下,也会有这块区域的最上边这行. 2, 有一种好的格式如下: 实现的方法就是以原代码的形式显示页面,然后复制以下代码: <div style="BORDER-BOTTOM: #cccccc 1px dashed; BORDER-LEFT: #cccccc 1px dashed; BACKGROUND-COLOR: #dddddd; BO…

过滤网页中HTML代码的ASP函数

Function LoseHtml(ContentStr) Dim ClsTempLoseStr,regEx ClsTempLoseStr = Cstr(ContentStr) Set regEx = New RegExp regEx.Pattern = "<\/*[^<>]*>" '这是完全去除HTML代码的正则 'regEx.Pattern="/<(\w+)\s[^>]*>/g" '这是简化HTML代码的正则 regEx…

网页中HTML代码如何实现字体删除线效果

有的朋友在制作网站的时候,需要给字体制作删除线,例如:选择题,错误标识等!那么我们就需要用到了<s>这个标签写法如下字体删除线: <s>这里是内容</s> 效果如下:未加删除线加了删除线当我们在<s>标签里面加入了删除线文字中间就会出现一横线,这就是删除线的效果…

【前端】向blog或网站中添加语法高亮显示代码方法总结

向blog或网站中添加语法高亮显示的代码方法总结文章目录预备知识目标第一类方法:嵌入第二类方法:外部引用第三类方法:忽略HTML和PHP 最近在写代码时遇到一个问题,就是如何让代码像在IDE或专业编译器一样能够高亮显示在网页或博客中(如下图显示),上网查了很多资料,下面是我对学习到的方法的归纳总结. 下面的方法基本上都是利用第三方javascript插件实现的,因此不必担心方法有多难,只要拿过来使用就可以了.在讲述方法之前先介绍一下与之条件: 预备知识 HTML和CSS的基本知识目…

博客代码：iframe—网页中嵌入其他网页

iframe 是一个可以把另外一个网页嵌入到一个网页里的代码,非常有用.对于一个内容不错的网页,要方便地把它搬到自己的博客里,用这个代码最合适.而对于在新浪博客里不支持的一些网页效果和代码,可先把他们设置好,在支持他们的网站上使用,或上传到一个免费的网络空间或网络硬盘里,获取相应的网页地址,然后用 iframe嵌入到新浪博客里,非常好用! 一.固定位置的iframe代码: <DIV align=center><IFRAME src="http://weather.265.com…