Settings
New Order Notification
Low Stock Alerts
Vacation Mode
Order Tracking
Newsletter Subscription
Show Review
Enable Wallet
Sales Report
Select Account
John
CEO
Kate
COO
Mark
MD
Add
ACCOUNT
CRM
Dashboard
Projects
Lead Status
Clients
eCommerce
Dashboard
Front End
Shop
Single Product
Cart
Checkout
Thank You
My Account
Back End
Product List
Product Detail
Order List
Order Detail
Hospital
Dashboard
Appointments
Doctors
Patients
UI Kits
Basic UI
Alerts
Badges
Buttons
Cards
Carousel
Collapse
Dropdowns
Embeds
Grids
Images
Media
Modals
Paginations
Popovers
Progress Bars
Spinners
Tabs
Toasts
Tooltips
Typography
Advanced UI
Image Crop
jQuery Confirm
Nestable
Pnotify
Range Slider
Ratings
Session Timeout
Sweet Alerts
Switchery
Toolbar
Tour
Tree View
Apps
Calender
Chat
Email
Inbox
Open
Compose
Kanban Board
Onboarding Screens
Forms
Basic Elements
Groups
Layouts
Color Pickers
Date Pickers
Editors
File Uploads
Input Mask
MaxLength
Selects
Touchspin
Validations
Wizards
X-editable
Charts
Apex
C3
Chartist
Chartjs
Flot
Knob
Morris
Piety
Sparkline
Icons
SVG
Dripicons
Feather
Flag
Font Awesome
Ion
Line Awesome
Material Design
Simple Line
Socicon
Themify
Typicons
Tables
Bootstrap
Datatable
Editable
Foo
RWD
Maps
Google
Vector
Widgets
New
Pages
Basic
Starter
Blog
FAQ
Gallery
Invoice
Pricing
Timeline
Authentications
Login
Register
Forgot Password
Lock Screen
Coming Soon
Maintenance
Error 404
Error 500
EN
English
German
France
Russian
3
2
Notifications
N
New trends for you
10 min ago
John birthday today
Today, 12:00 AM
T
This is start of your story
Yesterday, 01:25 PM
Admin has 1 new like
5 Feb 2020, 03:31 PM
John Doe
John Doe
My Profile
Email
Logout
Editors
Home
Forms
Editors
Actions
Tinymce wysihtml5 Editor
Hello, Good Morning Tinymce
Summernote Editor
Hello, Good Morning Summernote
HTML Editor
<html style="color: green"> <!-- this is a comment --> <head> <title>Mixed HTML Example</title> <style> h1 {font-family: comic sans; color: #f0f;} div {background: yellow !important;} body { max-width: 50em; margin: 1em 2em 1em 5em; } </style> </head> <body> <h1>Mixed HTML Example</h1> <script> function jsFunc(arg1, arg2) { if (arg1 && arg2) document.body.innerHTML = "achoo"; } </script> </body> </html>
CSS Editor
/* Some example CSS */ @import url("something.css"); body { margin: 0; padding: 3em 6em; font-family: tahoma, arial, sans-serif; color: #000; } #navigation a { font-weight: bold; text-decoration: none !important; } h1 { font-size: 2.5em; } h2 { font-size: 1.7em; } h1:before, h2:before { content: "::"; } code { font-family: courier, monospace; font-size: 80%; color: #418A8A; }
Javascript Editor
// Demo code (the actual new parser character stream implementation) function StringStream(string) { this.pos = 0; this.string = string; } StringStream.prototype = { done: function() {return this.pos >= this.string.length;}, peek: function() {return this.string.charAt(this.pos);}, next: function() { if (this.pos < this.string.length) return this.string.charAt(this.pos++); }, eat: function(match) { var ch = this.string.charAt(this.pos); if (typeof match == "string") var ok = ch == match; else var ok = ch && match.test ? match.test(ch) : match(ch); if (ok) {this.pos++; return ch;} }, eatWhile: function(match) { var start = this.pos; while (this.eat(match)); if (this.pos > start) return this.string.slice(start, this.pos); }, backUp: function(n) {this.pos -= n;}, column: function() {return this.pos;}, eatSpace: function() { var start = this.pos; while (/\s/.test(this.string.charAt(this.pos))) this.pos++; return this.pos - start; }, match: function(pattern, consume, caseInsensitive) { if (typeof pattern == "string") { function cased(str) {return caseInsensitive ? str.toLowerCase() : str;} if (cased(this.string).indexOf(cased(pattern), this.pos) == this.pos) { if (consume !== false) this.pos += str.length; return true; } } else { var match = this.string.slice(this.pos).match(pattern); if (match && consume !== false) this.pos += match[0].length; return match; } } };