高亮显示语法匹配正则JS,待完善...

最新推荐文章于 2022-06-29 22:29:49 发布

原创最新推荐文章于 2022-06-29 22:29:49 发布 · 992 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#function #div

本文介绍了一种简单的代码高亮实现方式，通过JavaScript动态替换文本为带有颜色样式的HTML元素，能够处理关键字、字符串、单行及多行注释等。此方法可用于网页中展示代码片段，提升阅读体验。

写了一个，不过要考虑的地方很多，转义字符....都没考虑进去

<mce:style></mce:style><style mce_bogus="1">*{font-size:12px;}</style> <body> <div id="code"> <pre> private void aaaa() { Response.Write("aaaaa"); } // private void privateBB() // { // var a=1; // } /* private void ccccc() { var a="aaa";//****/****/ /* var b=1; */ } */ </pre> </div> </body> <mce:script type="text/javascript"></mce:script>

显示结果：

private void aaaa()
{
    Response.Write("aaaaa");
}

// private void privateBB()
// {
//    var a=1;
// }

/*
private void ccccc()
{
   var a="aaa";//****/****/
   /*
   var b=1;
   */
}
*/