pmp-plugin-staples
v0.1.3
Published
Pimp My Page plugin - contains staple helpers (recommended)
Downloads
4
Readme
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 partialhelpers.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> taghelpers.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>