JSFiddle - React, Tailwind, and code Playground

by dandoyon

HTML

<script src="http://code.angularjs.org/0.9.19/angular-0.9.19.js" ng:autobind></script>

<div ng:controller="BlogEntriesCtrl">
    <ul>
        <li ng:repeat="entry in blog.entries">
            <div>{{entry.writeup | html | limitText:100 }}</div>
        </li>
    </ul>
</div>

CSS

p {padding:4px 0;}

JavaScript

//filters.js
angular.filter('limitText', function(input, textCount) {
    var filteredText = "";
    filteredText = "TEST--"+input.html;
    return filteredText;
});


//services.js
function BlogEntriesCtrl() {
    this.blog = {
        entries:[
        {id:'1', writeup:"<p>Lorem ipsum dolor sit amet, mei reque justo fabulas cu, ius erat dictas ea. Ea regione labores posidonium sed. Zril everti maiestatis at mel. Mutat labores cum an, salutandi persecuti eam ad. Ex nec hinc probatus intellegam. Duo ex iudicabit repudiare. Cum eu illud essent albucius, fastidii repudiandae nec ut, primis viderer epicuri id nam. Solum verear et vim, ut vel duis soleat repudiandae, prima oporteat repudiandae pro ex.</p><p>Ei his decore omnium definiebas. Eum id saepe oblique, te munere possim nec. Eu sit nobis theophrastus consequuntur, ea mediocrem urbanitas nam, oblique consulatu no vim. Mundi assueverit nam ei. Ad errem imperdiet consequat vim, tation omnesque id vix. Viderer iracundia usu no, ut legere probatus reformidans duo.</p><p>Eam solet dolorem petentium te. At sensibus partiendo mei, qui nibh omnium ad, atqui tantas theophrastus pro an. Usu odio voluptaria ei, eum at aeque tacimates intellegam. Dicta option eam te. Ex dicant corpora adipiscing vix. Qui facilisis conceptam et, modus tacimates ex qui. Sed movet consul efficiantur ea, brute persequeris ex mel. An usu homero inermis, denique oportere sapientem ut vel. Cu dicant populo mediocritatem nam, eos an molestie luptatum scriptorem.</p>"
        },
        {id:'2', writeup:"<p>Lorem ipsum dolor sit amet, mei reque justo fabulas cu, ius erat dictas ea. Ea regione labores posidonium sed. Zril everti maiestatis at mel. Mutat labores cum an, salutandi persecuti eam ad. Ex nec hinc probatus intellegam. Duo ex iudicabit repudiare. Cum eu illud essent albucius, fastidii repudiandae nec ut, primis viderer epicuri id nam. Solum verear et vim, ut vel duis soleat repudiandae, prima oporteat repudiandae pro ex.</p><p>Ei his...