scratch
| /bower_components/trumbowyg/examples/css/main.css |
|---|
| @@ -0,0 +1,36 @@ |
| html, |
| body { |
| margin: 0; |
| padding: 0; |
| background-color: #F2F2F2; |
| font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; |
| } |
| header { |
| text-align: center; |
| } |
| .container { |
| max-width: 960px; |
| margin: 0 auto; |
| } |
| .dark-section { |
| background: #111; |
| color: #ddd; |
| margin-top: 50px; |
| padding: 50px 0 100px; |
| } |
| .dark-section .title { |
| font-weight: normal; |
| text-align: center; |
| font-size: 32px; |
| margin: 20px 0 50px; |
| } |
| .form-submit { |
| background: transparent; |
| border: 1px solid #555; |
| color: #ccc; |
| padding: 7px 13px; |
| margin-right: 17px; |
| float: right; |
| } |
| /bower_components/trumbowyg/examples/index.html |
|---|
| @@ -0,0 +1,41 @@ |
| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="UTF-8"> |
| <title>Trumbowyg by Alex-D</title> |
| <link rel="stylesheet" href="css/main.css"> |
| <link rel="stylesheet" href="../dist/ui/trumbowyg.css"> |
| </head> |
| <body> |
| <div id="main" role="main"> |
| <header> |
| <h1>Default usage of Trumbowyg</h1> |
| <p> |
| No plugin, no options. Just naked Trumbowyg. |
| </p> |
| </header> |
| <div id="editor"> |
| <h2>This editor is the default build of Trumbowyg.</h2> |
| <p> |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident optio nam reiciendis eius beatae quibusdam! |
| </p> |
| <p> |
| The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there anyone who loves grief itself since it is grief and thus wants to obtain it"). |
| </p> |
| </div> |
| <h2>The code</h2> |
| <code><pre> |
| $('#editor').trumbowyg(); |
| </pre></code> |
| </div> |
| <script src="../bower_components/jquery/dist/jquery.min.js"></script> |
| <script src="../dist/trumbowyg.js"></script> |
| <script> |
| /** Default editor configuration **/ |
| $('#editor').trumbowyg(); |
| </script> |
| </body> |
| </html> |