JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-sanitize.js"></script>
<div ng-app="myApp" ng-init="data='<h1>Hello\nworld</h1>\nadsfasdf\nhttp://www.example.com';">
    <textarea ng-model="data" cols="120" rows="10"></textarea>
    <div data-bind-htmlify="data" data-bind-htmlify-target="_blank"></div>
    <hr/>
    <p><span ng-bind-html="data | linky| nl2br"></span></p>
</div>

JavaScript

angular.module('myApp', ['ngSanitize'])      
.filter('nl2br', ['$sanitize', function($sanitize) {
	var tag = (/xhtml/i).test(document.doctype) ? '<br />' : '<br>';
	return function(msg) {
		msg = (msg + '').replace(/(\r\n|\n\r|\r|\n|&#10;&#13;|&#13;&#10;|&#10;|&#13;)/g, tag + '$1');
		return $sanitize(msg);
	};
}]);