Skip to content

Live demo

JavaScript WYSIWYG Editor Demo

Try the lightweight WYSIWYG editor live. Switch between modes below — each shows the exact config used, ready to copy into your project.

This is the production build served from our CDN — ~41 KB gzipped, vanilla JavaScript, no jQuery. Type, format, insert tables and images, paste from Word or Google Docs, then hit Get HTML output to see the clean semantic HTML the editor produces.

Every plugin and toolbar group enabled — tables, media, images, code and more.

Loading editor…

Configuration for this mode

javascript
liteeditor.init({
  selector: '#editor',
  apiKey: 'YOUR_API_KEY',
  height: 380,
  plugins: 'all',
  toolbar: 'full',
  menubar: true
});

Demo FAQ

Yes — this page loads the same LiteEditor build served from our CDN to customers. What you type, paste and format here is exactly what your users get, including the menubar, tables, image resize and Word-paste cleanup.

Want the full option list and API? See the documentation, the React component or the Vue component.