"Comment area with TinyMCE"
Bootstrap 3.2.0 Snippet by bsrnlr

<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <div class="container"> <div class="row"> <script src="//tinymce.cachefly.net/4.0/tinymce.min.js"></script> <script> tinymce.init({ selector: "textarea", plugins: [ "advlist autolink lists link image charmap print preview anchor", "searchreplace visualblocks code fullscreen", "insertdatetime media table contextmenu paste" ], toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image" }); </script> <hr> <!-- the comment box --> <div class="well"> <h4><i class="fa fa-paper-plane-o"></i> Leave a Comment:</h4> <form role="form"> <div class="form-group"> <textarea class="form-control" rows="3"></textarea> </div> <button type="submit" name="say" value="" class="btn btn-primary"><i class="fa fa-reply"></i> Submit</button> </form> </div> </script> <hr> <!-- the comments --> <h3><i class="fa fa-comment"></i> User One says: <small> 9:41 PM on August 24, 2014</small> </h3> <p>Excellent post! Thank You the great article, it was useful!</p> <h3><i class="fa fa-comment"></i> User Two says: <small> 9:47 PM on August 24, 2014</small> </h3> <p>Excellent post! Thank You the great article, it was useful!</p> </div> </div> </div> </div>

Related: See More


Questions / Comments: