iceCode是一款简约风格的代码高亮js插件，纯原生JavaScript开发，体型十分娇小，无任何依赖，只需一个js文件
目前该插件已经内置HTML XML CSS JS JSON PHP Python JAVA SQL GO C++ C# C等常用编程语言高亮，简约的唯美设计，简洁、极速！
iceCode官方群：324415936
官方网站：https://www.iceui.cn/iceCode
项目地址：https://gitee.com/bt-lang/iceCode
QQ群：324415936
查看：626348
下载：77123
版本：1.0.1
更新：2022-06-11
代码高亮演示：
@charset "utf-8";
/* 默认颜色 */
.iceCode-default p{color:#232323 !important;}
/* 代码背景 */
.iceCode-default .line.light{background-color:#e0e0e0 !important;}
/* 普通代码 */
.iceCode-default .plain{border:none !important;}
/* 备注 */
.iceCode-default .comments{color:rgb(35,110,37) !important;}
/* 关键字 */
.iceCode-default .keyword{color: #006699;font-weight:bold !important;}
/* 常量 */
.iceCode-default .constants{color:#0066cc !important;}
/* 变量 */
.iceCode-default .variable{color: #aa7700 !important;}
/* 函数 */
.iceCode-default .functions{color: #ff1493 !important;font-weight:bold !important;}
/* 字符串 */
.iceCode-default .string{color:blue !important;}
/* 数字 */
.iceCode-default .number{color:#e20086 !important;}
/* 值 */
.iceCode-default .value{color:#009900 !important;}
/* 括号 */
.iceCode-default .bracket{color:#2d2d2d !important;}
/* 运算符 */
.iceCode-default .operator{color:#484848 !important;font-weight:bold !important;}
/* 符号 */
.iceCode-default .symbol{color:#12009c !important;font-weight:bold !important;}
/* 引号内容 */
.iceCode-default .quotation{color:blue !important;}
/* 成功 */
.iceCode-default .success{color:#4CAF50 !important;}
/* 信息 */
.iceCode-default .info{color:#2085b3 !important;}
/* 警告 */
.iceCode-default .warning{color: #F44336 !important;}
/* 错误 */
.iceCode-default .danger{color:#F44336 !important;}
.iceCode-default .red{color:#ef5350 !important;}
.iceCode-default .orange{color:#f57e00 !important;}
.iceCode-default .yellow{color:#f1bf00 !important;}
.iceCode-default .green{color:#26a672 !important;}
.iceCode-default .cyan{color:#8cd03d !important;}
.iceCode-default .blue{color:#1d90ca !important;}
.iceCode-default .purple{color:#ad5abb !important;}
.iceCode-default .gray{color:#989898 !important;}
.iceCode-default .black{color:#4a4a4a !important;}
//右下角弹出
function popup_p_rb(){
iceui.popup({
title:'这是标题',
content:'这是标准弹窗',
position:'rb'
});
}
//导航菜单锚点平滑滚动
iceui.scrollAnchor('.menu',200);
//树形菜单
iceui.tree({div:'tree'});
//轮播图
iceui.slider({id:'slider-none'});
/**
+------------------------------------------------------------------------------------+
+ uz框架-vcode(验证码)
+------------------------------------------------------------------------------------+
+ 作者：ice
+ 官方：www.uzjz.com
+ 时间：2016-09-1
+------------------------------------------------------------------------------------+
+ 版权声明：该版权完全归"uz"官方所有，可转载使用和学习，但请务必保留版权信息，
+ 可个人学习使用，如需应用于商业，请到uz获取商业授权，方可做商业开发和运营使用。
+------------------------------------------------------------------------------------+
*/
class vcode {
private $width; //宽
private $height; //高
//构造方法， 三个参数
function __construct($width=80, $height=20, $num=4) {
$this->width = $width;
$this->height = $height;
$this->num = $num;
$this->code = $this->createcode(); //调用自己的方法
$a = '1
你们好
2';
}
}
#!/usr/bin/python
# -*- coding: UTF-8 -*-
"""
iceCode的代码高亮
"""
fruits = ['banana', 'apple', 'mango']
for index in range(len(fruits)):
print '当前水果 :', fruits[index]
print "Good bye!"
package com.hello.main;
/**
*
* @author chen
* @des 这里是程序的主入口main方法"nihao"
*/
public class Main {
/*
* 这里是多行注释
*
* */
public static void main(String[] args) {
// 输出内容
System.out.println("Hello Word");
}
}
/**
+------------------------------------------------------------------------------------+
+ uz需要安装的sql文件
+------------------------------------------------------------------------------------+
+ 作者：ice
+ 官方：www.uzjz.com
+ 时间：2018-04-25
+------------------------------------------------------------------------------------+
*/
SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;
-- ----------------------------
-- Table structure for ice_album
-- ----------------------------
DROP TABLE IF EXISTS `ice_album`;
CREATE TABLE `ice_album` (
`id` int(11) NOT NULL AUTO_INCREMENT COMMENT '产品相册ID',
`cid` int(11) NOT NULL COMMENT '产品id',
`url` char(42) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '图片地址',
`orders` tinyint(2) NOT NULL DEFAULT 0 COMMENT '排序',
`cover` tinyint(1) NOT NULL DEFAULT 0 COMMENT '缩略图',
PRIMARY KEY (`id`) USING BTREE
) ENGINE = MyISAM AUTO_INCREMENT = 1 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci ROW_FORMAT = Fixed;
-- ----------------------------
-- Table structure for ice_article
-- ----------------------------
DROP TABLE IF EXISTS `ice_article`;
CREATE TABLE `ice_article` (
`id` int(11) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT '页面ID',
`cid` int(6) UNSIGNED NOT NULL DEFAULT 5 COMMENT '分类ID',
`uid` int(9) NOT NULL COMMENT '作者ID',
`top` tinyint(1) UNSIGNED NOT NULL DEFAULT 0 COMMENT '置顶',
`rec` tinyint(1) UNSIGNED NOT NULL DEFAULT 0 COMMENT '推荐',
`hot` tinyint(1) UNSIGNED NOT NULL DEFAULT 0 COMMENT '热门',
`album` text CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '相册',
`thumb` text CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '缩略图',
`title` char(80) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '标题',
`intro` char(200) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '描述',
`content` text CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '内容',
`views` int(11) NOT NULL DEFAULT 0 COMMENT '浏览量',
`comments` int(11) NOT NULL DEFAULT 0 COMMENT '评论数量',
`keywords` char(200) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '关键字SEO',
`description` char(200) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '描述SEO',
`time` int(10) UNSIGNED NOT NULL COMMENT '创建时间',
PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 1 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci ROW_FORMAT = Dynamic;
package main
import "fmt"
func main() {
fmt.Println("Hello, World!")
}
#include <iostream>
using namespace std;
int main(){
cout << "Hello, world!" << endl;
return 0;
}
using System;
namespace HelloWorldApplication{
/* 类名为 HelloWorld */
class HelloWorld{
/* main函数 */
static void Main(string[] args){
/* 我的第一个 C# 程序 */
Console.WriteLine("Hello World!");
Console.ReadKey();
}
}
}
#include <stdio.h>
int main(){
/* 我的第一个 C 程序 */
printf("Hello, World! \n");
return 0;
}
code-代码高亮插件
使用说明
目前该插件已经内置HTML CSS JS PHP Python JAVA SQL GO C++ C# C 等常用编程语言，可以自定义开发高亮语言，已内置常用正则库，开发便捷！
使用相当简单，只需要使用template标签即可，而展示的代码语言直接template的class即可，例如iceCode:php，冒号后面是代码语言，就这么简单。
ice.code传参属性设置，具体如下
| json | 类型 | 是否必须 | 说明 |
|---|---|---|---|
| template | object | 可选 | 需要高亮的代码块对象，也可以直接将代码传入code中 |
| code | boolean | 可选 | 需要高亮的代码段 |
| language | string | 必须 | 高亮的编程语言，例如JS、PHP、HTML |
| width | string | 可选 | 代码高亮容器的宽 |
| height | string | 可选 | 代码高亮容器的高 |
第一种使用方式-直接引用iceCode
//输出 function main(){ console.log('hello world'); } main(); <link rel="stylesheet" href="/iceui/src/iceCode.css" />第二种使用方式-如果再iceui框架环境下，直接调用
//输出 function main(){ console.log('hello world'); } main();