JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<script src="https://googledrive.com/host/0B55OYxnBow_9VWpkOUdWLW5KOXM/redactor-9.0.3.js"></script>
<link rel="stylesheet" href="https://googledrive.com/host/0B55OYxnBow_9VWpkOUdWLW5KOXM/redactor.css">
<div data-ng-app="webApp">
    Not editable content
    <div data-ng-model="rte1" class="redactor">Editable content</div>
</div>

JavaScript

var webApp = angular.module("webApp", []);

webApp.directive("redactor", function(){
    return {
        restrict: "C",
        require: "?ngModel",
        link: function(scope,element,attrs){
            element.redactor({
                focus: true
            });
        }
    }
});