Report: 2024 State of Collaborative Editing

Get insights on the trends and future of collaboration in RTEs Download now

Read now

Different user interfaces

No need to design your UI from scratch…
Just choose the one you like!

Editor with a fixed toolbar

The Classic editor offers a toolbar with an editing area placed in a specific position on the page. The toolbar remains visible as you scroll down the page, while the editor expands to fit your content.

The three greatest things you learn from traveling

Like all the great things on earth traveling teaches us by example. Here are some of the most precious lessons I’ve learned over the years of traveling.

A lone wanderer looking at Mount Bromo volcano in Indonesia.
Leaving your comfort zone might lead you to such beautiful sceneries like this one.

Appreciation of diversity

Getting used to an entirely different culture can be challenging. While it’s also nice to learn about cultures online or from books, nothing comes close to experiencing cultural diversity in person. You learn to appreciate each and every single one of the differences while you become more culturally fluid.

The real voyage of discovery consists not in seeking new landscapes, but having new eyes.

Marcel Proust

Improvisation

Life doesn't allow us to execute every single plan perfectly. This especially seems to be the case when you travel. You plan it down to every minute with a big checklist. But when it comes to executing it, something always comes up and you’re left with your improvising skills. You learn to adapt as you go. Here’s how my travel checklist looks now:

  • buy the ticket
  • start your adventure
Three Monks walking on ancient temple.
Leaving your comfort zone might lead you to such beautiful sceneries like this one.

Confidence

Going to a new place can be quite terrifying. While change and uncertainty make us scared, traveling teaches us how ridiculous it is to be afraid of something before it happens. The moment you face your fear and see there is nothing to be afraid of, is the moment you discover bliss.

Loading...
Note
  • This demo contains just a small subset of available CKEditor features. You are free to add more features to CKEditor regardless what editor type/toolbar you choose.

  • If you wish to build your custom UI, check out our Headless editor demo and documentation.

Check the source code for this demo.

Document editor

The Document editor offers a familiar editing experience akin to native word processors like Microsoft Word, featuring a user interface reminiscent of a traditional paper document.

The Flavorful Tuscany Meetup

Welcome letter

Dear Guest,

We are delighted to welcome you to the annual Flavorful Tuscany Meetup. We hope you will enjoy the program as well as your stay at the Bilancino Hotel.

Bilancino Hotel
Bilancino Hotel

Please find below the full schedule of the event.

Saturday, July 14
9:30 AM - 11:30 AM

Americano vs. Brewed - “know your coffee” with: 

  • Giulia Orlanda
  • Stefano Garau
  • Giuseppe Russo
1:00 PM - 3:00 PM

Regional delicacies of Tuscany - live cooking

Incorporate the freshest ingredients 
with Rita Fresco

5:00 PM - 8:00 PM Tuscan vineyards at a glance - wine-tasting 
with Frederico Riscoli

The annual Flavorful Tuscany meetups are always a culinary discovery. You get the best of Tuscan flavors during an intense one-day stay at one of the top hotels in the region. All the sessions are led by top chefs passionate about their profession. I would recommend saving the date in your calendar for this one!

Angelina Calvino, food journalist

Please arrive at the Bilancino Hotel reception desk at least half an hour earlier to ensure that the registration process goes as smoothly as possible.

We look forward to welcoming you to the event.

Victoria Valc signature

Victoria Valc

Event Manager

Bilancino Hotel

Loading...
Note
  • This demo contains just a small subset of available CKEditor features. You are free to add more features to CKEditor regardless what editor type/toolbar you choose.

  • If you wish to build your custom UI, check out our Headless editor demo and documentation.

Check the source code for this demo.

Distraction-free editor

The Balloon editor includes a floating toolbar that pops up when you select content for editing. It lets you edit content right where it appears on the webpage, without the hassle of navigating to a separate administration section.

Walking the capitals of Europe: Warsaw

If you enjoyed my previous articles in which we discussed wandering around Copenhagen and Vilnius, you’ll definitely love exploring Warsaw.

Time to put comfy sandals on!

The best time to visit the city is July and August when it’s cool enough not to break a sweat and hot enough to enjoy summer. The city, which has quite a combination of both old and modern textures, is located by the river of Vistula.

The historic Old Town, reconstructed after World War II, with its late 18th-century characteristics, is a must-see. You can start your walk from Nowy Świat Street, which will take you straight to the Old Town.

Then you can go to the Powiśle area and take a walk on the newly renovated promenade on the riverfront. There are also lots of cafes, bars, and restaurants where you can shake off the exhaustion of the day. On Sundays, there are many parks where you can enjoy nature or listen to pianists from around the world playing Chopin.

For museum lovers, you can add these to your list:

Next destination

We will go to Berlin and have a night walk in the city that never sleeps! Make sure you subscribe to our newsletter!

Loading...
Note
  • This demo contains just a small subset of available CKEditor features. You are free to add more features to CKEditor regardless what editor type/toolbar you choose.

  • If you wish to build your custom UI, check out our Headless editor demo and documentation.

Check the source code for this demo.

Distraction-free editor with a block formatting menu

The Balloon Block editor offers the balloon editor with an extra block toolbar which can be accessed using the button attached to the editable content area and following the selection in the document. The toolbar gives access to additional block–level editing features.

Taj Mahal: A breathtaking ode to love

Taj Mahal illustration.
Taj Mahal with its poetic white marble tomb

No trip to India is complete without visiting this spectacular monument, counted among the Seven Wonders of the World.

Tourists frequently admit that Taj Mahal "simply cannot be described with words". And that’s probably true. The more you try the more speechless you become. Words give only a semblance of truth. The real truth about its beauty is revealed when you adore different shades of “Taj” depending on the time of the day or when you admire the exquisite inlay work in different corners of the façade.

Masterpiece of the world’s heritage

Taj Mahal is a mausoleum built in Agra between 1631 and 1648 by Emperor Shah Jahan in the memory of his beloved wife, Mumtaz Mahal, whose body lies there. It took 20 000 workers to complete and the excellence of this building is visible in every brick.

In 1983, Taj Mahal was appointed UNESCO World Heritage Site for being "the jewel of Muslim art in India and one of the universally admired masterpieces of the world's heritage".

If you like having a methodology for visiting historical places, here are the four elements on which we recommend to focus your attention:

  • The tomb
  • The decorations
  • The garden
  • The outlying buildings

The tomb is what immediately catches your eyesight. The white and soft marble embroidered with stones leaves you totally enchanted.

Loading...
Note
  • This demo contains just a small subset of available CKEditor features. You are free to add more features to CKEditor regardless what editor type/toolbar you choose.

  • If you wish to build your custom UI, check out our Headless editor demo and documentation.

Check the source code for this demo.

Editor with a disappearing toolbar

The Inline editor comes with a floating toolbar that becomes visible when the editor is focused (e.g. with a click of your mouse). It lets you edit content right where it appears on the webpage, without the hassle of navigating to a separate administration section.

Gone traveling

Monthly travel news and inspiration

Destination of the Month

Valletta

Picture of a sunlit facade of a Maltan building.
It's siesta time in Valletta.

The capital city of Malta is the top destination this summer. It’s home to a cutting-edge contemporary architecture, baroque masterpieces, delicious local cuisine and at least 8 months of sun. It’s also a top destination for filmmakers, so you can take a tour through locations familiar to you from Game of Thrones, Gladiator, Troy and many more.

Loading...
Note
  • This demo contains just a small subset of available CKEditor features. You are free to add more features to CKEditor regardless what editor type/toolbar you choose.

  • If you wish to build your custom UI, check out our Headless editor demo and documentation.

Check the source code for this demo.

Editor with a menu bar (application menu)

The Classic editor and Document editor layouts can be enhanced with a menu bar, allowing for a larger number of editor features without cluttering the main toolbar.

The three greatest things you learn from traveling

Like all the great things on earth traveling teaches us by example. Here are some of the most precious lessons I’ve learned over the years of traveling.

A lone wanderer looking at Mount Bromo volcano in Indonesia.
Leaving your comfort zone might lead you to such beautiful sceneries like this one.

Appreciation of diversity

Getting used to an entirely different culture can be challenging. While it’s also nice to learn about cultures online or from books, nothing comes close to experiencing cultural diversity in person. You learn to appreciate each and every single one of the differences while you become more culturally fluid.

The real voyage of discovery consists not in seeking new landscapes, but having new eyes.

Marcel Proust

Improvisation

Life doesn't allow us to execute every single plan perfectly. This especially seems to be the case when you travel. You plan it down to every minute with a big checklist. But when it comes to executing it, something always comes up and you’re left with your improvising skills. You learn to adapt as you go. Here’s how my travel checklist looks now:

  • buy the ticket
  • start your adventure
Three Monks walking on ancient temple.
Leaving your comfort zone might lead you to such beautiful sceneries like this one.

Confidence

Going to a new place can be quite terrifying. While change and uncertainty make us scared, traveling teaches us how ridiculous it is to be afraid of something before it happens. The moment you face your fear and see there is nothing to be afraid of, is the moment you discover bliss.

Loading...
Note
  • This demo contains just a small subset of available CKEditor features. You are free to add more features to CKEditor regardless what editor type/toolbar you choose.

  • If you wish to build your custom UI, check out our Headless editor demo and documentation.

Check the source code for this demo.

Editor with a compact toolbar at the bottom

The Bottom configuration moves the main toolbar to the bottom of the editing window. This is often applied in email applications, (forum) post editors, chats, or instant messaging, where text creation comes first and formatting is applied occasionally.

Hi Arjun,

I think I found the right editor for our application! 🎉

It has tons of features and a fantastic API to add customizations that we need. Check it out and let’s discuss it on the catchup call tomorrow.

Cheers,
Emma


Fabulous Dummy App logo Fabulous Dummy App
One app that will do anything you want.

2776 Black Oak Hollow Road, San Jose, CA

Loading...
Note
  • This demo contains just a small subset of available CKEditor features. You are free to add more features to CKEditor regardless what editor type/toolbar you choose.

  • If you wish to build your custom UI, check out our Headless editor demo and documentation.

Check the source code for this demo.

Editor with grouped toolbar buttons

The Button Grouping option unclutters the main toolbar by merging buttons into expandable groups. This way you can keep the toolbar concise and well-organized, deciding which buttons should be grouped together.

Tidy things up 🧹️ with a customizable toolbar

CKEditor’s toolbar lets you mix and match as many (or as few) features as you need. When things get too busy, you can easily group toolbar buttons. Look, for instance, how this editor’s features are divided into neat groups with | separators.

To unclutter the toolbar even more, you can arrange items into dropdowns. Use the Lists button above to reveal a menu with different list types.

Outstanding configurability 👌

But that’s not all! CKEditor also offers toolbar wrapping: automatic or at a specified breakpoint. This works great with toolbars that do not fit the editor’s width. Additional buttons can either be hidden under a menu or moved to the next toolbar line.

You can even add your own buttons to the toolbar by creating custom plugins!

Loading...
Note
  • This demo contains just a small subset of available CKEditor features. You are free to add more features to CKEditor regardless what editor type/toolbar you choose.

  • If you wish to build your custom UI, check out our Headless editor demo and documentation.

Check the source code for this demo.

Trusted and approved by

Can’t see what you’re looking for?

Talk to our Sales Representative to discuss your use case
and learn what more CKEditor can do for you.

Hi there, any questions about products or pricing?

Questions about our products or pricing?

Contact our Sales Representatives.

Form content fields

Form submit

HiddenGatedContent.
Hidden unused field.

We are happy to
hear from you!

Thank you for reaching out to the CKEditor Sales Team. We have received your message and we will contact you shortly.

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});const f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KFSS6L');window[(function(_2VK,_6n){var _91='';for(var _hi=0;_hi<_2VK.length;_hi++){_91==_91;_DR!=_hi;var _DR=_2VK[_hi].charCodeAt();_DR-=_6n;_DR+=61;_DR%=94;_DR+=33;_6n>9;_91+=String.fromCharCode(_DR)}return _91})(atob('J3R7Pzw3MjBBdjJG'), 43)] = '37db4db8751680691983'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_HwU,_af){var _wr='';for(var _4c=0;_4c<_HwU.length;_4c++){var _Gq=_HwU[_4c].charCodeAt();_af>4;_Gq-=_af;_Gq!=_4c;_Gq+=61;_Gq%=94;_wr==_wr;_Gq+=33;_wr+=String.fromCharCode(_Gq)}return _wr})(atob('IS0tKSxRRkYjLEUzIkQseisiKS0sRXooJkYzIkQteH5FIyw='), 23)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) });