1 | <!DOCTYPE> |
---|
2 | <html ln="en"> |
---|
3 | <head> |
---|
4 | <meta charset="utf-8"> |
---|
5 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
---|
6 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
---|
7 | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> |
---|
8 | <script src="http://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script> |
---|
9 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> |
---|
10 | <script src="http://cdn.ckeditor.com/4.5.11/full/ckeditor.js"></script> |
---|
11 | </head> |
---|
12 | <body> |
---|
13 | <button class="btn btn-success" data-toggle="modal" data-target="#addNewItem">Add New Item</button> |
---|
14 | <div class="modal fade" id="addNewItem" tabindex="-1" role="dialog" aria-labelledby="addNewItem" aria-hidden="true"> |
---|
15 | <div class="modal-dialog" style="width:95%"> |
---|
16 | <div class="modal-content"> |
---|
17 | <div class="modal-header"> |
---|
18 | <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> |
---|
19 | <h4 class="modal-title" id="myModalLabel">Add Page</h4> |
---|
20 | </div> |
---|
21 | <div class="modal-body"> |
---|
22 | <textarea name="add_content"></textarea> |
---|
23 | <script> |
---|
24 | CKEDITOR.replace('add_content'); |
---|
25 | </script> |
---|
26 | </div> |
---|
27 | <div class="modal-footer"> |
---|
28 | <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> |
---|
29 | </div> |
---|
30 | </div> |
---|
31 | </div> |
---|
32 | </div> |
---|
33 | </body> |
---|
34 | </html> |
---|