JSFiddle - React, Tailwind, and code Playground

by Serhioromano

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
<div ng-app>
<div ng-controller="MyCtrl">
    <div ng-bind-html="trustHtml(page)"></div>
</div>
<div>

JavaScript

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

function MyCtrl($scope, $sce) {
    $scope.page = '<ul class="nav nav-tabs">' +
      '<li class="active"><a href="#t1" data-toggle="tab">T1</a></li>' +
      '<li><a href="#t2" data-toggle="tab">T2</a></li>' +
    '</ul>' +
    '<div class="tab-content">' +
      '<div class="tab-pane active" id="t1">Tab 1</div>' +
      '<div class="tab-pane" id="t2">Tab 2</div>' +
    '</div>';
    
    $scope.trustHtml = function(page) {
        return $sce.trustAsHtml(page);
    }
    
}