Settings
Popup Notification
Message Sound
Generate Report
Email Statement
Invoice PDF
Add Users
Show Sidebar
Sticky Topbar
Main
Dashboard
CRM
E-Commerce
Components
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
Dripicons
Feather
Flag
Font Awesome
Ion
Line Awesome
Material Design
Remixicon
Simple Line
Socicon
Themify
Typicons
Tables
Bootstrap
Datatable
Editable
Foo
RWD
Maps
Google
Vector
Extras
Pages
Basic
Starter
Blog
FAQ
Gallery
Invoice
Pricing
Timeline
Store
Product List
Product Detail
Order List
Order Detail
Shop
Single Product
Cart
Checkout
Thank You
My Account
Authentication
Login
Register
Forgot Password
Lock Screen
Error
Coming Soon
Maintenance
Error 404
Error 500
Widgets
New
English
German
France
Russian
Notifications
Clear all
Product Added
Today, 08:40 AM
Sale Started
Today, 03:45 PM
Kelly Reported
5 June 2020, 02:20 PM
John Resigned
2 June 2020, 11:11 AM
John D
My Profile
Email
Settings
Logout
Editors
Home
Forms
Editors
Refresh
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; } } };
