CKEditor has multiple user interfaces, of which TYPO3 uses the following:
Editing is done within a fixed container. It is possible to customize how the editor behaves and how the content is styled.
Used in the TYPO3 Backend.
All formatting styles are reused from the surrounding HTML and CSS styles, allowing for a seamless frontend editing.
Used by TYPO3’s frontend_editing, which can be found on GitHub. frontend_editing is not covered in this document.
For a demonstration of all user interfaces, see the CKEditor demo.