Skip to content

mhamzahashim/livehtmleditor

Repository files navigation

Clean Online HTML Editor with Word to HTML Converter

Easily experiment with HTML using the embedded Online HTML Editor, powered by CKEditor. This clean, intuitive editor allows you to directly edit and style your HTML content in real time. Whether you're updating tags, attributes, or inline CSS, the editor gives you immediate visual feedback—making it perfect for learning, testing, or quick fixes.


There are 2 different editors available on this website:

  • Direct HTML Editor – Edit HTML markup freely with full control.
  • Real-Time Collaboration Editor – Ideal for teams working together on content simultaneously.

You can toggle the source view to switch between WYSIWYG and HTML code, and even convert Word content to HTML with high fidelity.

Read more on CKEditor 5


Powerful HTML Editing, Fully in Your Control

CKEditor 5’s advanced HTML editing capabilities give you full control over your content. With General HTML Support, you can manage:

  • Custom elements
  • Attributes
  • Styles
  • Complete HTML documents (including meta tags and comments)

Need to input non-standard code? Simply disable HTML filtering.


A Smarter Way to Work with Source Code

Edit HTML more efficiently with enhanced tools like:

  • Syntax highlighting
  • Code folding
  • Autocomplete

CKEditor 5 automatically cleans up invalid markup, making your code easier to manage. Switch seamlessly between source view and WYSIWYG mode whenever you need to review or refine your output.


Accurate Conversion from Word and Google Docs to HTML

CKEditor 5 is built to handle complex content from:

  • Google Docs
  • Microsoft Word
  • Excel
  • LibreOffice

When you paste content, the editor retains structure, formatting, and semantic meaning:

  • Headings stay headings
  • Lists stay lists
  • Tables remain intact

It’s more than just copy-paste; it’s intelligent content conversion. Paste your document, switch to source code view, and get clean, usable HTML right away.


Real-Time Collaboration with Structured Editing

CKEditor 5 offers a full-featured alternative to Google Docs—built for teams that need both collaborative writing and clean HTML output.

Features:

  • Comment on specific text, images, or tables
  • Use track changes to suggest edits directly

Sharing is simple:

  • Open the editor
  • Share the link
  • Start working together in real time

Each session has a unique document ID, active for 1 hour after the last user disconnects. No limit on the number of collaborators.

CKEditor 5 combines writing, reviewing, and discussing into a single interface. Markdown support is included for those who prefer it.

Learn about CKEditor 5 collaboration features


Why CKEditor?

  • 100,000+ customers have already trusted us.
  • 20+ years of experience in rich text editing
  • 50M+ downloads and hundreds of millions of users worldwide

Quality

  • Software quality is in our DNA
  • 50% of our time spent testing code and writing documentation

Experience

  • 50+ developers on board

Support

  • Superb documentation
  • Outstanding technical support
  • Huge Open Source community

See pricing | Try for free


The Best WYSIWYG Online HTML Editor

What makes CKEditor stand out from other online HTML editors? Originality and innovation.

Many “best HTML editor” lists feature tools that are simple CKEditor implementations under different names.

Now you’ve found the original, feature-rich WYSIWYG HTML editor.

Whether you want:

  • A fast browser-based editor
  • A powerful editor integrated into your software

CKEditor delivers the most advanced WYSIWYG capabilities.

How to choose the perfect editor


Online HTML Editor Features

This section presents the wide range of features CKEditor offers:


Styling and Formatting

The Basic Styles plugin provides:

  • Bold
  • Italic
  • Underline
  • Strikethrough
  • Subscript
  • Superscript

Remove Format button clears all basic styles.


Copy Formatting

The Copy Formatting plugin lets you copy text formatting and apply it elsewhere.

Shortcut: Ctrl + Shift + C


Removing Text Formatting

The Remove Format plugin clears:

  • Inline HTML styles (bold, italic, etc.)
  • Font family & size
  • Text & background colors

Autoformatting

Quickly apply formatting as you type, similar to Markdown:

  • **bold** or __bold__
  • Lists with * or -
  • Headings with #, ##, ###

Block-Level Text Formats

The Format plugin adds block-level formatting with the Paragraph Format toolbar button.


Tables

Features include:

  • Rows & columns
  • Table width & height
  • Cell padding & spacing
  • Table headers
  • Borders, alignment, captions, and summaries

Inserting Images

The Image plugin supports:

  • Left/right alignment
  • Image borders
  • Pixel-perfect spacing
  • Links
  • Integration with file managers like CKFinder

Pasting Content

  • LibreOffice Writer: Paste with original formatting
  • Google Docs: Retain structure and styles
  • Microsoft Excel: Preserve tables
  • Microsoft Word: Clean HTML with auto detection

Code Snippets

Insert code fragments with live preview and syntax highlighting (powered by highlight.js).


Embedding Media Resources

Insert rich media resources with previews and custom integrations.


About

Create, edit, and preview HTML in real-time.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages