前端HBuiderX ,快速生成多个标签和属性,文本内容代码的快捷键

1.快速生成标签 和 id,class等 属性

输入 div.box 并按下 tab 键

效果:

<div class="box"></div>

输入 div#box 并按下 tab 键

效果:

<div id="box"></div>

其他标签和属性的生成以此类推

2. 一次生成多个标签,标签属性,标签文本内容 
 > 符号前后第一个标签,代表父子标签,属性值用[] 填充,文本内容用{} 填充,使用{$}可以生成标签序号,*数字: 代表生成的标签个数 ,文本内容填充{},必须在 *数字前面,在标签后面

2.1 一次生成多个标签和标签内容

输入 ul>li{发}*6 按下 tab 键

效果

<ul>
            <li>发</li>
            <li>发</li>
            <li>发</li>
            <li>发</li>
            <li>发</li>
            <li>发</li>

</ul>

2.2一次生成多个标签,标签属性,标签文本内容

输入 div>a[href='www.baidu.com']{度娘}*6 并按下 tab 键

效果

<div>
            <a href="www.baidu.com">度娘</a>
            <a href="www.baidu.com">度娘</a>
            <a href="www.baidu.com">度娘</a>
            <a href="www.baidu.com">度娘</a>
            <a href="www.baidu.com">度娘</a>
            <a href="www.baidu.com">度娘</a>
 </div>

2.3 标签内容填充序号

输入 table>tr*3>td{$}*2 按下 tab 键

效果:

<table>
            <tr>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr>
                <td>1</td>
                <td>2</td>
            </tr>
        </table>

注意:光标要放到文本最后面

上一篇:浅入vi编辑器


下一篇:HashSet集合保证元素唯一性的源码分析(睡起来再看一遍