nl2br online

by riddla

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="https://cdn.rawgit.com/kvz/phpjs/master/functions/strings/nl2br.js"></script>
<div ng-app="editor">
    <div ng-controller="Controller">
        <form role="form" class="row">
          <div class="form-group">
              <div class="col-md-6">
                  <button ng-click="copy()">Copy</button>
        <textarea class="form-control" ng-model="input" rows="20"></textarea>
                  </div>
              <div class="col-md-6">
                  <button ng-click="copy()">Copy</button>
                  <textarea class="form-control col-xs-6" ng-model="output" readonly="true" rows="20"></textarea>
              </div>
            </div>
        </form>
    </div>
</div>

JavaScript

var module = angular.module('editor', []);

function Controller($scope, $http) {
    $scope.input = '';
    $scope.output = '';
    
    $scope.$watch('input', function(newValue) {
       $scope.output = window.nl2br(newValue);
    });
    
    $scope.copy = function() {
        window.prompt("Copy to clipboard: Ctrl+C, Enter", $scope.output);
    };
}