<commit_before># hm-read-more
> AngularJS directive that limit text and adds read more / read less links to your text when it exeeds certain limit of characters


## Install client side
```bash
$ bower install angular-read-more --save-dev 
```

## Include bower module
```html
<script src="/bower_components/angular-read-more/readmore.min.js"></script>
```

## Example
```bash
$ git clone
$ npm install
$ bower install
$ gulp watch
```

## How to use in HTML
As element
```
<hm-read-more
		hm-text="{{ text }}" 
		hm-limit="100" 
		hm-more-text="read more" 
		hm-less-text="read less">
</hm-read-more>
```

As attribute
```
<div hm-read-more
		hm-text="{{ text }}" 
		hm-limit="100" 
		hm-more-text="read more" 
		hm-less-text="read less">
</div>
```

* `hm-text` - full text
* `hm-limit` - number > 0 of maximum characters before adding "..." and the more/less text. Default: unlimited
* `hm-more-text` - link text for read more. Default: Read more
* `hm-less-text` - link text for read less. Default: Read less
* `hm-more-class` - css class for read more link
* `hm-less-class` - css class for read less link

## Build locally
```bash
$ npm install 
$ gulp build
$ gulp test
```

##Demo
[Plnkr Demo](http://plnkr.co/7ggKNRw7nwCLmPN0y4Az)

##License
angular-read-more is licensed under the MIT license.<commit_msg>updated documentation for running example locally and testing the source<commit_after># hm-read-more
> AngularJS directive that limit text and adds read more / read less links to your text when it exeeds certain limit of characters


## Install client side
```bash
$ bower install angular-read-more --save-dev 
```

## Run example locally
```bash
$ git clone
$ npm install
$ bower install
$ gulp watch
```

## Test locally
```bash
$ git clone
$ npm install
$ bower install
$ gulp test
```

## How to use in HTML
Include JS script
```html
<script src="/bower_components/angular-read-more/readmore.min.js"></script>
```

As element
```html
<hm-read-more
		hm-text="{{ text }}" 
		hm-limit="100" 
		hm-more-text="read more" 
		hm-less-text="read less">
</hm-read-more>
```

As attribute
```html
<div hm-read-more
		hm-text="{{ text }}" 
		hm-limit="100" 
		hm-more-text="read more" 
		hm-less-text="read less">
</div>
```

* `hm-text` - full text
* `hm-limit` - number > 0 of maximum characters before adding "..." and the more/less text. Default: unlimited
* `hm-more-text` - link text for read more. Default: Read more
* `hm-less-text` - link text for read less. Default: Read less
* `hm-more-class` - css class for read more link
* `hm-less-class` - css class for read less link


##Demo
[Plnkr Demo](http://plnkr.co/7ggKNRw7nwCLmPN0y4Az)

##License
angular-read-more is licensed under the MIT license.
{'fraction_non_alphanumeric': 0.15053367684946634, 'fraction_numerical': 0.008097165991902834, 'mean_word_length': 3.6862068965517243, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 19, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2903048', 'n_tokens_mistral': 1000, 'n_tokens_neox': 913, 'n_words': 304}