# read-more

> readmore

Latest version **0.0.0** (published 2014-11-09) · MIT license · 0 weekly downloads

## Install

```sh
npm install read-more
pnpm add read-more
yarn add read-more
bun add read-more
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.0 |
| Published | 2014-11-09 |
| First published | 2014-11-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 11 |
| Author | m.a.s |
| Maintainers | m.a.s |
| Keywords | AngularJS, Read, more, directive |

## Links

- npm: https://www.npmjs.com/package/read-more
- Repository: https://github.com/andoulla/Read-More-Directive
- Issues: https://github.com/andoulla/Read-More-Directive/issues
- npm.io page: https://npm.io/package/read-more

## Alternatives

- [csv-to-markdown-table](https://npm.io/package/csv-to-markdown-table.md) — 47.0K weekly downloads
- [@sapphire/ratelimits](https://npm.io/package/@sapphire/ratelimits.md) — 4.4K weekly downloads
- [js-csvparser](https://npm.io/package/js-csvparser.md) — 2.0K weekly downloads
- [@adadapted/js-sdk](https://npm.io/package/@adadapted/js-sdk.md) — 251 weekly downloads
- [@grapecity/spread-sheets-sparklines](https://npm.io/package/@grapecity/spread-sheets-sparklines.md) — 103 weekly downloads

## Recent versions

- 0.0.0 (latest) — 2014-11-09
- 0.0.1 (newversion) — 2014-11-18

## README

Read-More-Directive
===================

An AngularJs directive that creates a read-more ui component that allows to partially display the content of model and on click expands or collapses it


### Getting started:
Simple add the readmore.js file to your project, 
```html
<script src="path/to/file/readmore.js"></script>
```

add the module to your app,
```html
angular.module("myApp", ["readMore"]);
```

add the directive on the tag you want to convert as a read-more field
```html
<p read-more ng-model="content" words="true" length="50"></p>
```
or
```html
<li read-more ng-model="content" words="false" length="50"></li>
```

### Description of attributes
| Attribute        | Description           | Required | Example  |
| :------------- |:-------------| :-----:| :-----|
| ngModel | An angular model containing the text you would like to display | Yes | $scope.content |
| length | The desired length of the text you would like to display when it is collapsed | Yes | 50 |
| words | Whether you would like to display n words or characters | No - defaults to true | "true" |

### What it does
 * This directive truncates the given text according to the specified length (n)
 * If words = true then the directive will display n number of words
 * If words = false then the directive will display n number of characters
 * If words flag is omitted then default behaviour is that words == true

---
_Source: https://npm.io/package/read-more · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._