New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details
Socket
Book a DemoSign in
Socket

jquery-formula

Package Overview
Dependencies
Maintainers
1
Versions
22
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

jquery-formula

Javscript WYSWYG formula builder.

latest
Source
npmnpm
Version
2.0.13
Version published
Maintainers
1
Created
Source

Formula

Javscript WYSWYG formula builder.

npm version Bower version ghit.me Join the chat at https://gitter.im/KennethanCeyer/PIGNOSE License: MIT

Getting started

This plugin helps you to make formulas.

It's a stable version on IE8 higher and any most browsers.

Check demo page

Sample screen

Usage

This plugin has a dependency on jQuery library.

So first of all, you need to import formula css, js file (check src or dist folder in this repository) after jQuery imported.

And try to write this snippet in your html file.

<head>
	...
	<script type="text/javascript">
		$(function() {
			var $formula = $('.formula').formula();
		});
	</script>
</head>
<body>
	<div class="formula"></div>
</body>

Advanced usage

If you want get javascript object from the formula, you can call getFormula() method.

Check the sample below.

<head>
	...
	<script type="text/javascript">
		$(function() {
			var $formula = $('.formula').formula();
			$formula.data('formula').getFormula(); // Get formula as a string type.
			
			//=====================================
			
			var $formulaCustom = $('.formula-custom').formula({
				filter: function(data) {
				// filter option is called when getFormula() method is called.
				// this option helps you to customize the formula data.
				// data parameter on this function are about formula (object type).
					return data;
				}
			});
			
			// if filter option is used, getFormula() will return data as an object type. 
			console.log($formulaCustom.data('formula').getFormula());
		});
	</script>
</head>
<body>
	<div class="formula"></div>
	<div class="formula-custom"></div>
</body>

Installation

Zip file download

Latest zip file link

Git

git clone git@github.com:KennethanCeyer/Formula.git --recursive

Bower

bower install jquery-formula

NPM

npm install jquery-formula

Notes

The purpose of this plugin is as follows.

  • The textarea can be edited with HTML markup.
  • It must support the validation check of formula expressions.
  • The UI of numbers or other operators in formula should be cool and easy.

Library

This project is related with https://github.com/KennethanCeyer/FormulaParser (built-in)

Question

If you found something problem of this plugin, or you have some question.

Please send me a message to use either gitter or Github issue. (gitter url is on the top of the manual)

Keywords

plugin

FAQs

Package last updated on 03 Aug 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts