pmp-plugin-staples
TypeScript icon, indicating that this package has built-in type declarations

0.1.3 • Public • Published

pmp-plugin-staples

Pimp My Page plugin - contains staple helpers (recommended for pmp-engine)

JS Helpers

  • helpers.staple.baseInjects() inject main CSS/JS to the page

  • helpers.staple.htmlPartial(htmlPartialPath) get HTML partial content (string)
    required param htmlPath path to the HTML partial

  • helpers.staple.injectStylesheet(stylesheetPath, selector) inject CSS stylesheet to the page
    optional param stylesheetPath path to the CSS file string
    optional param selector jQuery like selector string
    if no params, it will append the base stylesheet to the end of <head> tag

  • helpers.staple.injectScript(scriptPath, selector) inject JS script to the page
    optional param scriptPath path to the JS file string
    optional param selector jQuery like selector string
    if no params, it will append the base script to the end of <body> tag

HTML Helpers

random text tag

generate <p> tag(s) with lorem ipsum text as content

<!-- default | paragraph varying in length-->
<lorem-text></lorem-text>
<lorem-text></lorem-text>
<lorem-text></lorem-text>
<!-- 3 paragraphs -->
<lorem-text count="3"></lorem-text>
<!-- 1 word -->
<lorem-text count="1" units="words"></lorem-text>
<!-- 2 sentences -->
<lorem-text count="2" units="sentences"></lorem-text>

random image tag

generate an <img> tag with a random image file as source

<!-- default | random image 200x200 -->
<lorem-image></lorem-image>
<lorem-image></lorem-image>
<lorem-image></lorem-image>
<!-- random image 800x200 -->
<lorem-image data-img-width="800"></lorem-image>
<!-- random image 200x600 -->
<lorem-image data-img-height="600"></lorem-image>
<!-- random image 800x600 -->
<lorem-image data-img-width="800" data-img-height="600"></lorem-image>
<!-- random image with alt description -->
<lorem-image alt="my custom alt"></lorem-image>

Readme

Keywords

Package Sidebar

Install

npm i pmp-plugin-staples

Weekly Downloads

3

Version

0.1.3

License

MIT

Last publish

Collaborators

  • kairos666