JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="App" ng-controller="Ctrl">
    <textarea ng-model="text" style="width:400px; height:100px;"></textarea>
    <div class="white-space-pre-line">{{text}}</div>
</div>

CSS

div.white-space-pre-line {
    white-space: pre-line;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular-sanitize.js"></script>
<style>

JavaScript

var app = angular.module('App', ['ngSanitize']);
app.controller('Ctrl', function($scope) {
    $scope.text = 'line 1\nline 2\nthis is <b>bold</b> text.';
});