代码实现高亮（代码高亮插件）

本篇文章给大家谈谈代码实现高亮，以及代码高亮插件对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何实现word或是wps里面的代码高亮
• 2、怎么实现代码高亮
• 3、sublime text 3怎么给语法代码设置高亮显示
• 4、如何让hexo代码高亮
• 5、如何让hexo代码高亮？
• 6、微信小程序实现全局搜索代码高亮

如何实现word或是wps里面的代码高亮

写实验报告，或是在写一个关于一些含有代码的文档的时候，我们常常会需要在里面

加一些代码，但是黑白的代码难免影响代码的美观和形式。这里给出一些实现高亮代码到

三种方法。

方法一：

第一种方法是直接给wps安装插件，从而实现高亮代码显示，在WPS官网下载语法高亮插件。

方法二：

第二种方法是借助Notepad++

首先是下载Notepad++，这是下载地址，当然也可以百度一下Notepad++下载安装。

安装完成后把需要的代码复制到Notepad++里面，当然首先可以设置一下代码的类别

在语言栏里面设置：

在Notepad++上，选择“插件——NppExport——Copy RTF to clipboard”标签，复制该代码

然后到wps里面选择性张贴的时候选择RFT格式粘贴就好。

方法三：

第三种方法是针对Eclipse编译器来说的，如果使用的是Eclipse编辑Java代码，有时候直接拷贝代

码就可以实现代码的高亮，但是有时候不能实现高亮就需要设置一下

设置方法如下：

打开windows里面的prefrences。输入floding搜索，打开java-Edotor-floding。进行如下操作

OK，复制过去就是高亮的代码。

怎么实现代码高亮

package xyz.atd.unit.CodeView;

import android.widget.*;

import android.content.*;

import android.util.*;

import java.util.*;

import android.graphics.*;

import android.text.*;

import java.util.regex.*;

import android.text.style.*;

public class CodeView extends TextView

{

CodeRender m_code_change;

CxxLanguage m_code_color;

CodeView m_this;

private class CxxLanguage

{

private MapString,Integer pairs=new HashMapString,Integer();

public MapString,Integer getWay()

{

return pairs;

}

public CxxLanguage()

{

String comment="/\\*.*?\\*/";

String weakcomment="^.*\\*/|/\\*.*$";

String linecomment="//[^\n]*";

String preprocessor="(?m)(^[ \t]*#[ \t]*[A-Za-z0-9_]*( .*?)?)|(defined)";

String string="\"(\\\"|.)*?\"";

String type="\\b(void|bool|byte|short|unsigned|int|long|float|double|char|new|string|ofstream|ifstream|stringstream|vector|map|iterator)\\b";

String constant="\\b(true|false|null)\\b";

String statement="\\b(if|else|for|while|class|typedef|const|public|protected|private|static|virtual|break|case|this|return)\\b";

String statement2="(?i)\\b(using|namespace|std::|cout|cin|cerr|endl|tolower|toupper)\\b";

String number="\\b((0[Xx][0-9a-fA-F]*)|([-]?[0-9]*))\\b";

String operator="(!|==|=|||\\+|-|\\*|\\/||\\|)";

pairs.put(type, Color.RED);

pairs.put(number, Color.BLUE);

pairs.put(operator, Color.GREEN);

pairs.put(string,0xff008800);

pairs.put(constant, Color.YELLOW);

pairs.put(comment,0xff0000088);

pairs.put(linecomment,0xff000088);

pairs.put(statement,0xff880088);

pairs.put(preprocessor,Color.rgb(00,66,255));

}

}

CodeView(Context context)

{

super(context);

init();

}

CodeView(Context context, AttributeSet attrs)

{

super(context, attrs);

init();

}

void init()

{

m_this = this;

m_code_change = new CodeRender();

m_code_color = new CxxLanguage();

m_this.addTextChangedListener(m_code_change);

}

class CodeRender implements TextWatcher

{

@Override

public void beforeTextChanged(CharSequence p1, int p2, int p3, int p4)

{

// TODO: Implement this method

}

@Override

public void onTextChanged(CharSequence p1, int p2, int p3, int p4)

{

// TODO: Implement this method

}

@Override

public void afterTextChanged(Editable edit)

{

// TODO: Implement this method

m_this.removeTextChangedListener(m_code_change);

SpannableString sp= new SpannableString(edit.toString());

// 渲染颜色

renderColor(sp);

// 内容控制

edit.clear();

edit.append(sp);

m_this.addTextChangedListener(m_code_change);

}

}

void renderColor(SpannableString edit)

{

try

{

for (Map.EntryString,Integer c:m_code_color.getWay().entrySet())

{

Matcher mat = Pattern.compile(c.getKey()).matcher(edit);

while (mat.find())

{

edit.setSpan(new ForegroundColorSpan(c.getValue()), mat.start(), mat.end(), Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);

}

}

}

catch (Exception e)

{

Toast.makeText(getContext(), "err:" + e.toString(), Toast.LENGTH_SHORT).show();

}

}

}

这是我自己实现的一个代码高亮，用在Android上的，你会不会用正则表达式咯？

sublime text 3怎么给语法代码设置高亮显示

1、找到sublime text 3的软件，启动打开

2、鼠标移至菜单栏点击“file”——“open file”，打开文件，顿时发现代码语法都是黑色的

3、现在我们开始设置如何让语法显示高亮，将鼠标移至右下角的按钮区、点击

4、在弹出的菜单中找到当前文件类型。比如我的是html文件，就点击html选项。

5、当前代码马上出现高亮显示

6、如果你想每次打开页面都出现语法高亮，可以将鼠标移至顶部“open all with current extension as...”，在弹出选项中选择“html”（按照你常用的文件类型设置），即可再下次打开文件后就出现高亮显示。

注意事项：sublime text 这点不够智能，要人工设置才能语法高亮。

如何让hexo代码高亮

由于hexo代码使用的Markdown语法，Markdown的语法可以参考Markdown语法介绍。所以可以使用Markdown的方式实现代码的高亮，通常有以下三种方式：

使用双空格缩进的方式（这种方式在Hexo中代码不支持高亮）

使用```code block```的方式（这种方式在部分情况下可以高亮，但是在我的机器上却不能实现高亮）

使用代码块的语法，具体可以看Codeblock - Octopress

{% codeblock [lang:language] [title] [url] [link text] %}

code snippet

{% endcodeblock %}

反正最终我使用这种方式在我的hexo博客代码的高亮

如何让hexo代码高亮？

由于hexo代码使用的Markdown语法，Markdown的语法可以参考Markdown语法介绍。所以可以使用Markdown的方式实现代码的高亮，通常有以下三种方式：使用双空格缩进的方式（这种方式在Hexo中代码不支持高亮），使用```code block```的方式（这种方式在部分情况下可以高亮，但是在我的机器上却不能实现高亮），使用代码块的语法，具体可以看Codeblock - Octopress。我使用这种方式在我的hexo博客代码的高亮。hexo使用highlight.js. 在markdown中用```cppthis is cpp code```告诉hexo生成带高亮的codeblock然而highlight.js支持的格式较少而且好像不太好配置，unix user可以用我写的一个hexo插件: GitHub - ppwwyyxx/hexo-tag-vimhighlight: Highlight code using vim in hexo. 这个插件调用vim, 把vim的代码高亮嵌入html. vim里什么颜色最后blog里就是什么颜色.

微信小程序实现全局搜索代码高亮

最近在做微信小程序的时候，需要实现在搜索框的输入内容的时候实现全局匹配实现高亮效果，目前的思路是，递归后台来返回的数据，并将对象的value值替换为需要的dom节点，并且通过rich-text来实现，高亮效果。

在实现的过程中主要考虑，不同类型的数据结构，过滤掉特殊符号，url这些基本需求；同时在实现的过程中每次都要去处理最原始的数据，这就需要考虑到对象的深拷贝问题，目前所采用的方法是通过JSON.parse(JSON.stringify(str))来处理，因为在这个全局搜索的项目中不太会用到函数这些对象。最后通过replace方法来处理这些目标字符串。

wxml:

js:

关于代码实现高亮和代码高亮插件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。