jquery-editable

Make an element editable using double-click.

☁️ Installation

Check out the dist directory to download the needed files and include them on your page.

If you're using this module in a CommonJS environment, you can install it using npm or yarn and require it:

# Using npm
npm install --save jquery-editable

# Using yarn
yarn add jquery-editable

📋 Example

const $ = require("jquery")
$.fn.editable = require("jquery-editable");

$("span.editable-price").editable({
    inputHTML: "<input type='number' min='0.01' step='0.01' />",
    clickTarget: "parent",
    onChange(val, oldVal) {
        val = +val;
        // ...
    }
});

❓ Get Help

There are few ways to get help:

1. Please post questions on Stack Overflow. You can open issues with questions, as long you add a link to your Stack Overflow question.
2. For bug reports and feature requests, open issues. 🐛

📝 Documentation

jqueryEditable(opts)

Make an element editable using double-click.

Params

• Object opts: An object containing the following fields:
  • onChange (Function): The function that will be triggered on change (onChange (newValue, oldValue) => {...})
  • inputHTML (String|jQuery): The HTML of the input to use or the jQuery element itself (default: <input type='text'>)
  • clickTarget (String): If parent, the parent element will become the click target.

Return

• jQuery The selected element.

😋 How to contribute

Have an idea? Found a bug? See how to contribute.

📜 License

MIT © Bloggify