Settings
Payment Reminders
Stock Updates
Open for New Products
Enable SMS
Newsletter Subscription
Show Map
e-Statement
Monthly Report
Dashboard
CRM
eCommerce
Hospital
Crypto
School
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
eCommerce
Product List
Product Detail
Order List
Order Detail
Shop
Single Product
Cart
Checkout
Thank You
My Account
Notifications
$135 received
Today, 10:45 AM
Project X prototype approved
Yesterday, 01:40 PM
John requested to view wireframe
3 Sep 2019, 05:22 PM
Sports shoes are out of stock
15 Sep 2019, 02:55 PM
English
German
France
Russian
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; } } };
My Profile
Email
Logout