JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.angularjs.org/1.2.1/angular-sanitize.min.js"></script>
<div ng-app="test" ng-controller="testCtrl">
    <p ng-bind-html="myString | testFilter:20"></p>
</div>

JavaScript

angular.module('test',['ngSanitize'])

.controller('testCtrl',function($scope){
    $scope.myString = '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vehicula eros eu euismod porttitor. Pellentesque mollis ornare mauris, a vehicula odio varius vel. Proin imperdiet est et odio pretium vestibulum. Nam sed massa quam. Donec rutrum quam in diam tempus volutpat. In eget lorem eget tortor porttitor scelerisque. Quisque sit amet varius est. Proin eget facilisis nisi. Nulla hendrerit in sapien et euismod. Nam at arcu porttitor, mollis velit non, rhoncus sem. Integer commodo lacus accumsan enim fermentum, a sodales risus mattis. Suspendisse sem nunc, placerat in placerat vel, bibendum nec mauris. Cras nisi nisi, commodo sit amet quam non, dapibus porta ligula. Aenean et luctus libero. Sed ultricies pulvinar metus in dignissim.</p>'
})

.filter('testFilter',function(){
    return function(input,len){
        if(angular.equals(input,null) || angular.equals(input,''))
            return;
        
        if(!angular.isNumber(len) || (len <= 0))
            length = 20;
        
        input = input.split(' ');
        var resultString = '';
        
        while(input.length > 0){
            resultString += input.splice(0,len).join(' ') + '<br><br>';
        }
        return resultString;
    };
});