给代码添加颜色---让你的程序在blog上多姿多彩

最新推荐文章于 2024-10-09 12:32:33 发布
最新推荐文章于 2024-10-09 12:32:33 发布
阅读量2.5k 收藏
点赞数
分类专栏： javascript 文章标签： blog function string 正则表达式 delete character
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/epinszteinic/article/details/554030
版权

当我写blog的时候，有时候需要把一些代码给贴上去，平时用IDE或者别的编辑器（如Editplus）写代码的时候，因为这些编辑环境有语法分析，所以程序的关键字和类等等的东西都能表示出不一样的颜色，但是当把这些代码贴到blog里面之后，颜色都没有了，只剩下黑色字体的干巴巴的代码：（

     在前一个删除注释程序的基础上，作了一些修改，就成了现在这个可以给你的代码添加颜色的程序。注释就不写了，和上一个差不多，就是多了一些正则表达式的使用，用了一下也还行，那就这样吧。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> Delete comment </TITLE>
<META NAME="Author" CONTENT="zc-peng">
</HEAD>

<BODY>
<textarea style="height:300;width:500" name="t1" onpropertychange=""></textarea>
<textarea style="height:300;width:500" name="t3"></textarea>
<input type="button" value="test" οnclick="addColor()">
<DIV id="divedit" style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #dda0dd; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 100%; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #e6e6fa; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 380px; BACKGROUND-COLOR: #e6e6fa" align=left CONTENTEDITABLE="false"></div>
</BODY>

<script>

function addColor(){

    var t1_Content = document.all.t1.value;

    t1_Content = t1_Content.replace(/&amp/g,"&ampamp");
    
    for(var i=0;i<entity.length;i++){
        var tem1 = entity[i].substr(0,1);
        var tem2 = entity[i].substr(1);
        var reg = new RegExp("&(" + tem2 + ")","g");
        //#0000ff is keyword color
        t1_Content = t1_Content.replace(reg,"&amp$1");
    }

    t1_Content = t1_Content.replace(/</g,"&lt;");
    t1_Content = t1_Content.replace(/>/g,"&gt;");
    t1_Content = "<br>" + t1_Content;
    for(var i=0;i<keyword.length;i++){
        var reg = new RegExp("([^a-zA-Z0-9_]+)(" + keyword[i] + ")([^a-zA-Z0-9_]+)","g");
        //#0000ff is keyword color
        t1_Content = t1_Content.replace(reg,"$1<font color='#0000ff'>$2</font>$3");
        
    }
    for(var i=0;i<htmlkeyword.length;i++){
        var reg = new RegExp("([^a-zA-Z0-9_]+)(" + htmlkeyword[i] + ")([^a-zA-Z0-9_]+)","g");
        //#0000ff is keyword color
        t1_Content = t1_Content.replace(reg,"$1<font color='#ff0000'>$2</font>$3");
    }

    var result = "";
    var flag = false;
    var b = t1_Content.split("/r/n");//split row

    //for per row
    for(var i = 0;i<b.length;i++){
        var perRow = b[i];
        if(flag == true){
            if(perRow.indexOf("*/") != -1){
                //delete comment
                //perRow = perRow.substr(perRow.indexOf("*/") + 2);
                //perRow = "<font color='#008040'>" + perRow.substr(0,perRow.indexOf("*/") + 2) + "</font>" + perRow.substr(perRow.indexOf("*/") + 2);
                perRow = addFontTag(perRow.substr(0,perRow.indexOf("*/") + 2),COMMENT_COLOR) + perRow.substr(perRow.indexOf("*/") + 2);
                flag = false;
            }else{
                //perRow = "<font color='#008040'>" + perRow + "</font>";
                perRow = addFontTag(perRow,COMMENT_COLOR);
                result += perRow + "/r/n";
                continue;
            }
        }

        if(perRow.indexOf("/"") == -1 && perRow.indexOf("/") == -1){
            //neither " nor / exsit in perRow
            //do nothing
        }else{

            //for per character
            for(var j = 0;j<perRow.length;j++){
                var tempChar = perRow.substr(j,1);//per char
                if(tempChar == "/""){
                    var tempCol = j+1;
                    if(tempCol == perRow.length){
                        break;//next row
                    }else{
                        for(var k = tempCol;k<perRow.length;k++){
                            var nextChar = perRow.substr(k,1);
                            if(nextChar == "/""){
                                if(perRow.substr(k-1,1) == "//"){
                                    if(perRow.substr(k-2,1) == "//"){
                                        //match "...//"
                                        perRow = perRow.substr(0,j) + addFontTag(perRow.substr(j,k-j+1),STRING_COLOR)+ perRow.substr(k + 1);
                                        j = k + 22 + 7;//22:<font color='#990099'>.length ; 7:</font>.length
                                        break;//next col
                                    }else{
                                        continue;
                                    }
                                }else{
                                    //match "..."
                                    //perRow = perRow.substr(0,j) + "<font color='#990099'>" + perRow.substr(j,k-j+1) + "</font>" + perRow.substr(k + 1);
                                    perRow = perRow.substr(0,j) + addFontTag(perRow.substr(j,k-j+1),STRING_COLOR)+ perRow.substr(k + 1);
                                    j = k + 22 + 7;//22:<font color='#990099'>.length ; 7:</font>.length
                                    break;//next col
                                }
                            }
                        }
                    }
                }else if(tempChar == "/"){
                    var tempCol = j+1;
                    if(tempCol == perRow.length){
                        break;//next row
                    }else{
                        if(perRow.substr(tempCol,1) == "/"){
                            //delete comment
                            //perRow = perRow.substr(0,j);
                            //perRow = perRow.substr(0,j) + "<font color='#008040'>" + perRow.substr(j) + "</font>";
                            if(j != 0){
                                if(perRow.substr(j - 1,1) == "//"){
                                    //regExp
                                    //like : ///*asdf*///
                                    continue;
                                }
                            }
                            perRow = perRow.substr(0,j) + addFontTag(perRow.substr(j),COMMENT_COLOR);
                            break;//next row
                        }else if(perRow.substr(tempCol,1) == "*"){
                            if(j != 0){
                                if(perRow.substr(j - 1,1) == "//"){
                                    //regExp
                                    //like : ///*asdf*///
                                    continue;
                                }
                            }
                            flag = true;
                            var temp = perRow.substr(j + 2);
                            if(temp.indexOf("*/") != -1){
                                //delete comment
                                //perRow = perRow.substr(0,j) + temp.substr(temp.indexOf("*/") + 2);
                                //perRow = perRow.substr(0,j) + "<font color='#008040'>" + temp.substr(0,temp.indexOf("*/")) + "</font>" + temp.substr(temp.indexOf("*/") + 2);
                                //alert(temp);
                                perRow = perRow.substr(0,j) + addFontTag("/*" + temp.substr(0,temp.indexOf("*/") + 2),COMMENT_COLOR) + temp.substr(temp.indexOf("*/") + 2);
                                flag = false;
                                j--;//important
                                j = j + 22 + 7;//22:<font color='#990099'>.length ; 7:</font>.length
                            }else{
                                //delete comment
                                //perRow = perRow.substr(0,j);
                                //perRow = perRow.substr(0,j) + "<font color='#008040'>" + perRow.substr(j) + "</font>"
                                perRow = perRow.substr(0,j) + addFontTag(perRow.substr(j),COMMENT_COLOR);
                                break;//next row
                            }
                        }else{
                            continue;
                        }
                    }
                }
            }

        }

        
        result += perRow + "/r/n";
    }

    result = result.replace(//t/g,"&nbsp;&nbsp;&nbsp;&nbsp;");
    document.all.divedit.innerHTML = "<pre>" + result + "</pre>";
    document.all.t3.value = result;

}

/** constant **/
var COMMENT_COLOR = "'#008040'";
var STRING_COLOR = "'#990099'";
var KEYWORD_COLOR = "'#0000ff'"
/***/

function addFontTag(str,type){
    var reg = /<font.*>(.*)<//font>/g;
    str = str.replace(reg,"$1");
    //alert(str);
    return "<font color=" + type + ">" + str + "</font>";
}

var keyword = new Array(
"abstract",
"boolean",
"break",
"byte",
"case",
"catch",
"char",
"class",
"const",
"continue",
"default",
"delete",
"do",
"double",
"else",
"extends",
"false",
"final",
"finally",
"float",
"for",
"function",
"goto",
"if",
"implements",
"import",
"in",
"instanceof",
"int",
"interface",
"long",
"native",
"new",
"null",
"package",
"private",
"protected",
"public",
"return",
"short",
"static",
"super",
"switch",
"synchronized",
"this",
"throw",
"throws",
"transient",
"true",
"try",
"typeof",
"var",
"void",
"while",
"with");

var htmlkeyword = new Array(
"document",
"Array"
);

var entity = new Array(
"&lt;",
"&gt;",
"&amp;",
"&nbsp;"
);

</script>

</HTML>
【Linux + C语言】让你的printf多姿多彩，让你的日志打印高效快捷 —— printf带颜色打印输出
一个专注于嵌入式IoT领域的架构师，深耕IoT领域多年，深度掌握IoT领域的相关技术栈，包括但不限于RTOS内核的实现及其移植、硬件驱动移植开发、网络通讯协议开发、编译构建原理及其实现、底层汇编及编译原理、编译优化及代码重构、嵌入式IoT系统的架构设计等。
12-21 3万+
本文介绍了printf函数的别样用法，也许能给你多一些启发，快来试试看吧？
代码中设置颜色
ruyi366的专栏
08-05 1124
#f00  ...... 在xml中使用颜色值，直接使用：@color/sample_color 在代码中，需要认清此时的int值，究竟是颜色值，还是编译出来的R文件中的那个值。以免出现错误。 比如：View.setBackgroundColor(int color)，注释如下：     /**      * Sets the background color for this
怎么给CSDN的博客编辑器里面的代码加颜色
王文平_Trista的博客
06-28 604
点击上方的代码块标志 <> 然后出现以下图片 在三个点的后面写上你要用的语言，注意小写，如c，python，c++，java等
使用代码修改shape的填充颜色solid
C529836078的博客
05-31 2548
如下xml文件： 在代码中修改solid的颜色值，如下： val grad = get_code.background as GradientDrawable grad.setColor(R.color.color_c3c3c3)
新手练习：让代码具有颜色
yangyashu0127的博客
09-07 2042
让代码具有颜色
python图形绘制填充颜色
最新发布
2301_80728553的博客
10-09 1429
（使用turtle绘制）使用不同的颜色模式（整数值，小数值，中文名称，十六进制）将第一幅图中的每个三角形涂成不同的颜色。
FeRainbowMenu：Objective-C实现的彩虹菜单效果
其设计思想允许开发者使用类和对象来编写应用程序，并在Mac OS X和iOS平台上广泛使用。Objective-C使用动态类型、动态绑定以及动态加载，从而提供了很强的灵活性。 Objective-C包含以下核心特性： - **面向对象编程...
丰富多彩的新体验：More Colors-crx插件介绍
用户在安装前应检查扩展程序的兼容性，确保它能在自己的浏览器和系统上正常工作。 9. 扩展程序的隐私政策：隐私是互联网用户普遍关心的问题。用户在安装任何扩展程序之前，都应该仔细阅读该程序的隐私政策，了解其...
MFC中改变按钮颜色的方法
热门推荐
曾立文的博客
09-01 1万+
本文参考学习https://blog.csdn.net/zxccaoya/article/details/54142523而来。 这里介绍mfc 中改变按钮颜色的最简单方法。 使用CMFCButton类 在mfc 的Dialog 或者 Form 中添加一个按钮，但注意是MFCButton。 MFC自带的MFC Button Control控件等按钮可以修改颜色，还能添加图片，设置字体颜...
vb设计简单的应用程序PPT课件.pptx
10-07
在编写代码时，需要根据程序的需要，编写事件代码、函数代码等，并将其连接到控件上。 4. 编译、打包。在编译时，需要将所有文件保存在同一个文件夹中，不同工程中的文件保存在不同的文件夹中。如果运行中出现错误...
CSDN上如何让自己代码块变为彩色
weixin_44945537的博客
06-30 3403
今天学到了一个让代码块变彩色的方法，好开心，一定要记录下来。 刚开始写博客用代码都是截图、截图、再截图（蠢哭） 类似于这样的 一段时间后，竟然惊奇的发现可以使用代码块（快捷键Ctrl+Shift+K)复制（Ctrl+C)粘贴(Ctrl+V)就可以插入代码，类似于这样的 但是都是黑白的很单调，爱美的小仙女当然不允许代码这么单调，也想给她画个美美哒的妆容怎么画呢，今天就教一招，瞬间磨皮大眼，自信出...
初用CSDN博客，如何在写CSDN博客时插入黑色代码，使用高亮主题
湖心水动影无双
08-30 1627
       最近辞职交接,闲着无事,想学习下博客，将平时的项目经验总结一下，结果CSDN博客中不会插入黑色代码，搞了一上午都没搞出来，网上搜了很多资料，但总是没有说到问题的核心上。 一开始我插入的代码是这样的： 发布博客后，是这样的： 感觉看起来好土啊，看看别人的代码： 黑色高大尚，很炫酷。 后来，我问别人这个问题，结果她给我找了一篇文章，总算说到核心上了，按照那篇文章的说...
文本提示可以改颜色的代码
猴子和派大星
11-12 578
//提示文字颜色 _text2.attributedPlaceholder = [[NSAttributedString alloc] initWithString:@"填写手6位以上的数字"attributes:@{NSForegroundColorAttributeName: [UIColor lightGrayColor]}]; ...
如何在写CSDN博客时插入黑色代码，给人舒服的体验
但行好事，莫问前程
07-21 1855
一开始我插入的代码是这样的： 发布博客后，是这样的： 感觉有点lou呀，不行咱得骚起来呀，如下为效果展示图 黑色高大尚，很炫酷。 具体如何修改如下，首先找到管理博客: 第二步找到博客设置： 第三步选择HTML编辑器为默认编辑器： 第四步点击写博客，插入代码即可 ...
python代码怎么弄颜色_如何使用python中的Colorama为特定代码添加颜色？
weixin_33219863的博客
02-09 774
这是我的代码：import coloramafrom colorama import Fore, Back, Styleimport randomcolorama.init()score = int(0)#--------------------------------------------------------------------#q1 = ("Work out the answer. ...
如何在 CSDN上显示代码编译器中原样式的彩色代码块
kilig
06-18 387
刚开始我写博客的时候，只知道将代码部分选中，然后设定为代码块，然后页面显示的效果就是下图： 如何让我们页面编辑器里粘贴上的代码以原编译器中那样彩色的样式显示呢？百度了下，发现很简单。 当我们往页面编辑器里粘贴代码时会发现它只不过是在选中的代码块区域前后加上了 ~ ~ ~ ，三个符号。这时候我们根据代码的种类，加上种类名字即可：如果你用的编程语言是 C# ,要写成小写c ，中间空格，然后加个 # 。如果是c，java，python语言的话直接加到~ ~~后面就行了。这里我的是JavaScript代码，我在~
自动给代码填色，代码显示效果，代码颜色
半条虫 免费软件发布博客
01-06 1642
//这是一段测试代码 if( var i=0 ; i      alert('深圳市！'); } while(true){} /*同一行*/ /* 请注意啦 */ function _get(){     window.localhost = 'm.39doo.com'; }      测试地址：http://m.39doo.com/test.php -------
颜色代码解析与编程实践
CyberXZ的博客
09-27 753
在计算机编程中，颜色代码是一种用于表示和操作颜色的标准化系统。它们被广泛应用于图形设计、网页开发、游戏开发等领域。本文将介绍常见的颜色代码表示方法，并提供一些编程实践示例。通过使用这些常见的颜色代码表示方法，开发人员可以在编程中轻松地操纵和应用颜色。无论是创建图形界面、设计网页还是开发游戏，理解和掌握颜色代码都是非常重要的技能。希望本文对你理解颜色代码的概念和应用有所帮助。通过实践和探索，你可以在自己的编程项目中灵活运用颜色代码，实现各种丰富多彩的视觉效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值