https://github.com/Rovak/InlineAttachment

Easily paste and upload files/images in plain textareas
https://github.com/Rovak/InlineAttachment

bower clipboard javascript npm textarea

Last synced: 6 months ago
JSON representation

Easily paste and upload files/images in plain textareas

• Host: GitHub
• URL: https://github.com/Rovak/InlineAttachment
• Owner: Rovak
• License: mit
• Created: 2012-12-16T21:37:35.000Z (almost 13 years ago)
• Default Branch: master
• Last Pushed: 2021-12-25T13:26:57.000Z (almost 4 years ago)
• Last Synced: 2025-04-14T13:11:16.591Z (6 months ago)
• Topics: bower, clipboard, javascript, npm, textarea
• Language: JavaScript
• Homepage: http://git.razko.nl/InlineAttachment
• Size: 371 KB
• Stars: 621
• Watchers: 28
• Forks: 76
• Open Issues: 24
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
A new version is being developed in the [dev-3.x](https://github.com/Rovak/InlineAttachment/pull/77) branch

# Inline Attachment 2.0.3 [![Master Branch Build Status](https://api.travis-ci.org/Rovak/InlineAttachment.png?branch=master)](http://travis-ci.org/Rovak/InlineAttachment)

Adds upload functionality to a textarea or CodeMirror instance by either drag-dropping or pasting (only in chrome) an image inside it.

It's similar to pasting of images in Github.

![demo](https://f.cloud.github.com/assets/21/678/248aac6a-40a2-11e2-9a76-fd59ded28bbe.gif)

## Getting started

The latest versions are available [here](https://github.com/Rovak/InlineAttachment/tree/master/dist)

**Bower**

The package can be installed using [Bower](http://bower.io/)

```

bower install inline-attachment

```

## Documentation

Documentation can be found on [ReadTheDocs](http://inlineattachment.readthedocs.org/en/latest/)

## Handling image uploads

The Demo folder contains an example in PHP on how to handle uploads.

## Build

To build the project you need node, npm and grunt installed. These tools can be installed on Ubuntu as follows:

Follow the Node.js guide: [Node.js installation](https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager)

Go to the project folder and run the following:

```sh

npm install

grunt

```

This should build the project and the files will appear in the `dist/` folder

## Changelog

[See Github releases](https://github.com/Rovak/InlineAttachment/releases)