angular-read-more

WebJar for angular-read-more

License	BSD 3-Clause
Categories	Angular User Interface Web Frameworks
GroupId	org.webjars.bower
ArtifactId	angular-read-more
Last Version	1.0.6
Release Date	Jun 12, 2017
Type	jar
Description	angular-read-more WebJar for angular-read-more
Project URL	http://webjars.org
Source Code Management	https://github.com/ismarslomic/angular-read-more

Download angular-read-more

Filename	Size
angular-read-more-1.0.6.pom
angular-read-more-1.0.6.jar	8 KB
angular-read-more-1.0.6-sources.jar	22 bytes
angular-read-more-1.0.6-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/angular-read-more/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>angular-read-more</artifactId>
    <version>1.0.6</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/angular-read-more/
implementation 'org.webjars.bower:angular-read-more:1.0.6'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/angular-read-more/
implementation ("org.webjars.bower:angular-read-more:1.0.6")

Apache Buildr

'org.webjars.bower:angular-read-more:jar:1.0.6'

Apache Ivy

<dependency org="org.webjars.bower" name="angular-read-more" rev="1.0.6">
  <artifact name="angular-read-more" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='angular-read-more', version='1.0.6')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "angular-read-more" % "1.0.6"

Leiningen

[org.webjars.bower/angular-read-more "1.0.6"]

Dependencies

compile (3)

Group / Artifact	Type	Version
org.webjars.bower : angular	jar	1.6.4
org.webjars.bower : angular-animate	jar	1.6.4
org.webjars.bower : angular-sanitize	jar	1.6.4

Project Modules

There are no modules declared in this project.

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. No requirements to JQuery. Angular animations are used for fade in/out.

Codepen demo

Codepen demo

Install client side

$ bower install angular-read-more --save-dev 

Note that angular-sanitize is required since this directive is allowing HTML tags to be used in text.

Run example locally

$ git clone
$ npm install
$ bower install
$ gulp watch

Test locally

$ git clone
$ npm install
$ bower install
$ gulp karma

How to use in HTML

Include JS script

<script src="//cdnjs.cloudflare.com/ajax/libs/angular-sanitize/1.6.4/angular-sanitize.min.js"></script>
<script src="/bower_components/angular-read-more/readmore.min.js"></script>

Add the module to your app,

angular.module("app", ["hm.readmore"]);

As element

<hm-read-more
		hm-text="{{ text }}" 
		hm-limit="100" 
		hm-more-text="read more" 
		hm-less-text="read less"
		hm-dots-class="dots"
        hm-link-class="links">
</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"
		hm-dots-class="dots"
        hm-link-class="links">
</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-dots-class - css class for dots
• hm-link-class - css class for links of read more/read less text

License

angular-read-more is licensed under the MIT license.

Release new Github and Bower version

gulp bump
gulp build
git add .
git commit -m ""
git push

Use Github UI to create new tag and release

Register bower package for the first time

bower register angular-read-more git://github.com/ismarslomic/angular-read-more.git

Versions

Version
1.0.6 Jun 12, 2017
1.0.5 Aug 19, 2016