ismarslomic / angular-read-more Goto Github PK
View Code? Open in Web Editor NEWAngularJS Read More Directive - without jQuery dependency
License: BSD 3-Clause "New" or "Revised" License
AngularJS Read More Directive - without jQuery dependency
License: BSD 3-Clause "New" or "Revised" License
I found this angular directive very useful. Would it be possible to publish it at npmjs.com? Let me know if you need any help on doing this.
See also: https://docs.npmjs.com/getting-started/publishing-npm-packages
Since gulp-bump is only used during the build / release process it should be listed under devDependencies and not under dependencies in package.json.
Is there any angular 4+ version of angular-read-more?
It is not working on initialization. It is working fine if i change some value in "text" textarea. Can you help me out how to sore out this?
how can i use read more with ngbindhtml
when i use read more with ngbindhtml it not showing readmore or less links
What do you think of having a "version" that allows to be not by word count but by filling all the available space existing in one line.
Using text-overflow
property ellipsis
this is possible, using the browser to manage that.
There needs to be a way to disable the package's debug messages, its flooding my console.
Also this is not cool, as its app wide
In my application a user enters text into a textarea, when they enter a line break the value \n gets added to the text, This gets stored and is pulled back for display with the read-more plugin but the plugin just ignores the line break \n value. Is there an option to tell it to respect the line breaks?
Codepen - http://codepen.io/anon/pen/adXNXJ
When I try to force it via CSS it leaves a large space between the cut off value of the text and the read more/read less text
Codepen for that - http://codepen.io/anon/pen/dGaMLd
Heat maps for Android don´t work.
I have implemented this standard from bower and it works fine on the first load. However when I change the view and come back into the same page it does not work (nothing shows, there are no errors).
Needed for rearrange the parent element.
For example , using read more directive inside a widget managed by masonry . When read More is clicked the widget's height will grow and masonry needs to be called to rearrange the widgets .
Thanks,
Catalin
If the limit falls on a non-empty space, cutting off a word in the middle, the 'show more' will add a single space to the word after its clicked. In the demo you have here change the limit to 198 instead of 200. The '...' will appear on the last two letters of the word "mauris". Once you click show more, the word will be displayed like this "mauri s".
Hey,
regarding to this Issue #6 now the Html Tags are converting the Text.
But in my case I dont want it.
The output text should show me the Html Tags
Can there be an Option implemented to shut off/on this possibility?
<hm-read-more
....
hm-html-convert='true/false' //default would be true for converting?
..>
hello am using your plugin with textAngular which is wisiwig text editor for angular
the plugin works correctly but it cuts words and shows ...readmore and when i click readmore it wont start continuing where it exactly at it cuts which it should be. and also other issue is when i click readmore it starts continuing in new line and readleas showed at the end of the line with some spaces left. let me show you my snap shot.
Hello - my original code - before I apply hm-read-more, looks like:
<p ng-bind-html="page.content | unsafe"></p>
I have to use ng-bind-html in order to get page.content to pass through the unsafe filter. How would I apply the hm-read-more directive in this instance?
Thanks for plugin,
my data is coming dynamic it is in the form of html, and it is displaying html tags in the front end.
http://codepen.io/anon/pen/zrBpMG
Thanks!
is this tested with
?
With, it comes with a large textbox+scrollbar, which is not what I want.
I tried to integrate the angular-read-more library into a web app and everything works fine except for the pre tags in the template (used to wrap both short and long texts).
pre is a pretty invasive html tag and it strongly modifies the page layout. To make a simple test i manually substituted pre tags with span tags and the library seem still to work for me (with no impact on the page layout).
May be possible to optionally use span instead of pre to wrap text?
Many thanks
The purpose of this directive is to summarise a long piece of text, why then force the user to use {{ }} inside the hm-text
attribute? Not only does the DOM end up with a huge attribute, but if the user will always have to use bindings like that, the extra {{ }}
look ugly. I suggest moving from a '@'
binding to '='
. What do you think?
if a word is broken while showing less text an extra space gets added after that character when full text is shown.
out t ... Read more on expand becomes t hese collection. An extra space gets added after t
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.