All Projects → diegofelipece → Mussum Ipsum

diegofelipece / Mussum Ipsum

Licence: mit
JS Lorem Ipsum generator

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Mussum Ipsum

Formio.js
JavaScript powered Forms with JSON Form Builder
Stars: ✭ 1,060 (+863.64%)
Mutual labels:  vanilla-js
Metismenujs
MetisMenu: Collapsible menu plugin with Vanilla-JS
Stars: ✭ 84 (-23.64%)
Mutual labels:  vanilla-js
Vanilla Semantic Ui
Semantic UI component framework without jQuery
Stars: ✭ 97 (-11.82%)
Mutual labels:  vanilla-js
Life Calendar
📆 Online calendar of your Life in Weeks.
Stars: ✭ 62 (-43.64%)
Mutual labels:  vanilla-js
Bin
A tiny (<1kb) localStorage and sessionStorage helper library.
Stars: ✭ 70 (-36.36%)
Mutual labels:  vanilla-js
Svelte Social Auth
Social Auth for Svelte v3
Stars: ✭ 86 (-21.82%)
Mutual labels:  vanilla-js
Dom Slider
Plain JavaScript version of jQuery's slideToggle(), slideDown(), & slideUp(), but does not use display: none.
Stars: ✭ 44 (-60%)
Mutual labels:  vanilla-js
Rallax.js
Dead simple parallax scrolling.
Stars: ✭ 1,441 (+1210%)
Mutual labels:  vanilla-js
Formio
A Form and Data Management Platform for Progressive Web Applications.
Stars: ✭ 1,245 (+1031.82%)
Mutual labels:  vanilla-js
Basictable
Basic Table jQuery or Vanilla JS plugin for simple responsive tables.
Stars: ✭ 94 (-14.55%)
Mutual labels:  vanilla-js
Brains
'Expanding Brain' Meme Generator
Stars: ✭ 66 (-40%)
Mutual labels:  vanilla-js
Mjn
⚡️Like loadash.get, but in ~200 bytes
Stars: ✭ 69 (-37.27%)
Mutual labels:  vanilla-js
Core Components
Accessible and lightweight Javascript components
Stars: ✭ 85 (-22.73%)
Mutual labels:  vanilla-js
Fine Uploader
Multiple file upload plugin with image previews, drag and drop, progress bars. S3 and Azure support, image scaling, form support, chunking, resume, pause, and tons of other features.
Stars: ✭ 8,158 (+7316.36%)
Mutual labels:  vanilla-js
Filosofunk
Lindas frases para aquecer o seu coração
Stars: ✭ 104 (-5.45%)
Mutual labels:  vanilla-js
Panic Overlay
Displays JS errors in browsers. Shows sources. Use with any framework. 💥✨
Stars: ✭ 50 (-54.55%)
Mutual labels:  vanilla-js
Modals
Simple modal dialogue windows
Stars: ✭ 85 (-22.73%)
Mutual labels:  vanilla-js
Kabarvirus
KabarVirus.com: cepat (PageSpeed 100), ringan (10 KB)
Stars: ✭ 109 (-0.91%)
Mutual labels:  vanilla-js
Router.js
Router.js is a simple and powerful javascript library to handle routing
Stars: ✭ 107 (-2.73%)
Mutual labels:  vanilla-js
Right Height
Dynamically set content areas of different lengths to the same height.
Stars: ✭ 91 (-17.27%)
Mutual labels:  vanilla-js

mIpsum

This is a Javascript Lorem Ipsum generator, created for mussumipsum.com, a brazilian dummy text generator. You can use it to develop anything that concerns Mussum Ipsum (like a plugin for Sublime or Atom or whatever), or to create your own customized Lorem Ipsum.


Add it to your project using NPM:

npm install mipsum --save

Yarn:

yarn add mipsum

Since v2.3.2 it can be also imported as a module. Example:

import { mIpsum } from 'mipsum'

const myLoremIpsum = mIpsum({
  pNum: 1,
  resultType: 'text',
})

You can also just download the code, add mipsum.min.js to your project and call it on your JS.

<script src="path/to/mipsum.min.js"></script>

mIpsum was created using vanilla Javascript, to allow you to decide if you want to include it in any context, some use examples:

vanilla JS

const mussumIpsum = mIpsum({ pNum: 10 }); // Put how many paragraphs you want
document.querySelector('body').innerHtml = mussumIpsum;

the same thing with jQuery

const mussumIpsum = mIpsum({ pNum: 10 });
$('body').append(mussumIpsum);

There are other customized options available to you. More examples at demo/index.html

Options

Key Type Default Description
pNum Number 1 Number of paragraphs requested
quotes Array mussumQuotes Array of quotes to generate paragraphs
mainQuote String mussumMainQuote Main quote to start your "Lorem Ipsum"
genLimit Number 1000 Limit of paragraphs that can be requested
resultType String html Format of the response, choose between: html, text or array
tagBefore String <p> Anything you want to put before each paragraph (valid only with html resultType)
tagAfter String </p> Anything you want to put after each paragraph (valid only with html resultType)
pQuotes Number 4 Number of quotes used to build a paragraph

The options can be set on an object passed as a parameter, like the example below:

mIpsum({
  pNum: 1,
  quotes: [
    'Hi, my name is, what?',
    'My name is, who?',
    'Hi, my name is, huh?',
    'My name is, chka-chka',
  ],
  mainQuote: 'Slim Shady',
  genLimit: 1000,
  resultType: 'html',
  tagBefore: '<p>',
  tagAfter: '</p>',
  pQuotes: 4
});

To contribute

Fork the repository, clone it on your local folder. Create your branch.

To start developing, just run npm install to install all packages, and then npm start should launch a live demo at your http://localhost:8080.


Related Projects

Mussum Ipsum REST API


Created by Diego Esteves under The MIT License (MIT)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].