JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-git2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular-sanitize.js"></script>
<div ng-app="myApp">
    <div ng-controller="myController as vm">
         <textarea ng-model="vm.snippet" ng-bind-html="vm.snippet" ></textarea>
         <p ng-bind-html="vm.snippet">
         
         </p>
    </div>
</div>

CSS

.text-color {
    color: #0000CC;
}

JavaScript

var app = angular.module('myApp', ["ngSanitize"]);

app.controller('myController', function($sce, $scope, $log) {
    $scope.html = '<p class="text-color">Your html code</p>';
    var self = this;
    self.snippet = undefined;    
    self.snippetHtml = undefined;
    
    activate();
    
    function activate() {
      self.snippet = '<ul><li>Hello</li><li>World</li>';
      
    }
    
    $scope.$watch(function() { return self.snippet; }, function(oldVal, newVal) {
      self.snippetHtml= $sce.trustAsHtml(newVal);
    });
});