Skip to content

ioing/ioing-components-code-highlight

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

IOING - 代码高亮组件

指令 描述
type html/xml/mathml/svg/js/css/python/ruby/powershell/bash 设定代码语言类型
<code-highlight type="html">
    <ul>
        <li><span>1</span></li>
        <li><span>2</span></li>
        <li><span>3</span></li>
        <li><span>4</span></li>
        <li><span>5</span></li>
        <li><span>6</span></li>
    </ul>
</code-highlight>
<code-highlight type="css">
    div {
        display: flex;
        transform: scale([s]);
        box-shadow: 0 0 5dp red;
        border-radius: 6dp;
    }
</code-highlight>
<code-highlight type="js">
    function fn () {
        ...
    }
</code-highlight>

该插件使用 Rrism js 库实现语法高亮,如若添加更多语法支持,请访问这里:http://prismjs.com/