Sublime Text 3: Emmet 快速生成无意义文字

2017-10-15  本文已影响0人  Tim_Lee

无意义文字(dummy text,也叫 Lorem ipsum)可以用Emmet快速生成,减少了手工输入的时间。

单行无意义文字

Sublime Text 3如果安装了Emmet插件,在html页面中输入:lorem 或者 lipsum,按tab键可以直接生成一段无意义的文字(dummy text)。文字内容如下

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur corporis est numquam error accusamus, facere beatae eaque sint mollitia quaerat blanditiis, veritatis fuga fugiat maxime ipsum aspernatur consequuntur laudantium voluptatibus!

输入多行无意义文字

这套无意义文字4个为一套,所以可以一次生成四种。

p*4>lorem

得到:

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit dicta eius facilis cum ratione harum dolorem laborum, perspiciatis, qui officia voluptatibus, quia. Expedita unde nostrum consequatur, ut, aut quae non!</p>
<p>Magni impedit eos quam quis, architecto aliquam necessitatibus ut repudiandae. Minima sequi ex velit, numquam quis expedita aut explicabo. Soluta nihil, pariatur quis suscipit voluptatibus nesciunt iste sequi minus modi.</p>
<p>Labore facere inventore eos quisquam tempore excepturi sed molestiae saepe ipsa odit pariatur modi repellendus maiores dicta fugit cum dignissimos dolorum quaerat repellat quo, sit, corrupti ipsum. Itaque, qui, cumque!</p>
<p>Porro cum harum distinctio omnis dignissimos, illum suscipit, vitae ipsa libero, deleniti eum sed. Excepturi itaque, ea reprehenderit ex commodi accusamus molestiae minima assumenda tempora nisi magni placeat, tempore eligendi.</p>
                    

还可以在li中使用

ul>lorem10.item*4

得到

<ul>
    <li class="item">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, ipsam.</li>
    <li class="item">Dignissimos nihil ipsam laborum, quam aliquam autem deserunt, dolor laboriosam.</li>
    <li class="item">Itaque sunt aspernatur maxime modi eveniet in architecto id ex!</li>
    <li class="item">Earum ab recusandae voluptate quisquam libero quidem nisi praesentium, ad.</li>
</ul>
上一篇下一篇

猜你喜欢

热点阅读