Git Product home page Git Product logo

paste.js's Introduction

paste.js

paste.js это скрипт для получения текста и изображений при вставке из буфера обмена в различных браузерах.

В этом репозитории находится глубокая переработка исходной функции. Она не требует jQuery, имеет другой интерфейс и возвращает в случае изображений только blob.

Совместимость

IE11 Firefox 33 Chrome 38 Safari Opera
pasteText (non-inputable) ok ok ok ok ok
pasteText (textarea) ok ok ok ok ok
pasteText (contenteditable) ok ok ok ok ok
pasteImage (non-inputable) ok ok ok
pasteImage (textarea) ok ok ok
pasteImage (contenteditable) ok ok ok

Использование

// инициализация
// в init можно передавать массив элементов или селектор
// init возвращает массив элементов, к которым применён
[].forEach.call(Paste.init('.example'), function (example) {
	
	// обработчик события вставки изображения
	example.addEventListener('pasteImage', function (e) {
		var resultItem = document.createElement('div');
		var i = document.createElement('img');

		// изображение передаётся в виде blob
		i.src = URL.createObjectURL(e.detail.blob);
		resultItem.appendChild(i);
		result.appendChild(resultItem);
	});

	// обработчик события вставки текста
	example.addEventListener('pasteText', function (e) {
		var resultItem = document.createElement('div');

		resultItem.innerHTML = e.detail.text;
		result.appendChild(resultItem);
	});
});

paste.js's People

Contributors

layerssss avatar ser-gen avatar

Watchers

 avatar

paste.js's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.