CKEditor SDK

Fixed User Interface Documentation

Fixed user interface is the default UI for classic editor. It is characterized by the following features:

Classic Editor with Fixed UI

Inline Editor with Fixed UI

By default, inline editor comes with floating UI. The following sample presents an inline editor instance with fixed UI instead.

Saturn V carrying Apollo 11 Apollo 11

Apollo 11 was the spaceflight that landed the first humans, Americans Neil Armstrong and Buzz Aldrin, on the Moon on July 20, 1969, at 20:18 UTC. Armstrong became the first to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.

Armstrong spent about three and a half two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5 kg) of lunar material for return to Earth. A third member of the mission, Michael Collins, piloted the command spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.

Note: Fixed UI for inline editor is provided by a dedicated, optional plugin called Div Editing Area.
Please be aware that using this plugin has a few of drawbacks:

  • Under the hood, the element replaced by CKEditor is hidden automatically and a <div>-based editor is created next to it. This might affect the styles of content inside the editor, e.g. because of the lack of original element ID attribute used by CSS selectors.
  • The <div>-based editor is rendered using multiple nested <div> elements. This might affect editor content styles, too.
  • Last but not least, the Auto Grow feature is not fully supported — the value of the config.autoGrow_minHeight option is ignored.

If you want to achieve a fixed UI experience with inline editor, consider using the Shared Toolbar and Bottom Bar feature instead, where these limitations do not exist.

Related Features