Simply-Edit.js A really simple toolbar with really simple options for formatting textareas

      
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Simply-Edit.js</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="description" content="">
      <meta name="author" content="">
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <link rel="stylesheet" href="css/font-awesome.min.css">
   </head>
   <body>
      <textarea id="simply-edit" class="">This is awesome little textarea</textarea>
      <script type="text/javascript">
         $(document).ready(function() {
           $("#simply-edit").simplyedit();
         });
      </script>
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <script src="js/simply-edit.js"></script>
   </body>
</html>
      
    

Basic Options

This is only with bold, italic, underline and strikethrough


        
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>Simply-Edit.js</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta name="description" content="">
      <meta name="author" content="">
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <link rel="stylesheet" href="css/font-awesome.min.css">
   </head>
   <body>
      <textarea id="simply-edit" class="">This is awesome little textarea</textarea>
      <script type="text/javascript">
         $(document).ready(function() {
            $("#simply-with-simple-buttons").simplyedit({
               buttons:["bold", "italic", "underline"]
            });
         });
      </script>
      <script src="js/jquery-1.11.1.min.js"></script>
      <script src="js/bootstrap.min.js"></script>
      <script src="js/simply-edit.js"></script>
   </body>
</html>