--- title: CKEditor Builder – Structured Components Inside Craft CMS Rich Text date: 2025-10-02T13:05:00+02:00 author: webworker canonical_url: "https://craftkit.webslingers.com.au/cke-builder" section: Pages --- # **CKEditor Builder** Similar to the Matrix Builder, but components are inserted directly inside the CKEditor. This approach demonstrates how **structured content and rich text can coexist seamlessly**, giving editors more creative flexibility while maintaining a clean, controlled data model. Each component — such as images, quotes, buttons, or call-to-actions — can be added inline within the text and [rendered](https://craftkit.webslingers.com.au/blog/mollis-bibendum-lorem-amet) through the same Twig components used in the Matrix Builder. This allows editors to create visually rich pages directly inside the editor while developers retain full control over markup, consistency, and performance. Perfect for content teams who prefer writing in a familiar WYSIWYG interface but still want the power of reusable, design-consistent components. ![](https://craftkit.webslingers.com.au/uploads/transforms/_768xAUTO_crop_center-center_85_none_ns/CKEBuilder.png?v=1786101575) Fermentum Tellus Pellentesque Ullamcorper Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Egestas Bibendum Sollicitudin Cursus Donec id elit non mi porta gravida at eget metus. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Nullam id dolor id nibh ultricies vehicula ut id elit. Adipiscing Ullamcorper Dapibus Fringilla Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. ![Etiam Egestas Risus Amet](https://craftkit.webslingers.com.au/uploads/transforms/_768xAUTO_crop_center-center_85_none_ns/Testimage-1.jpg?v=1786101373) Curabitur blandit tempus porttitor. — © Alfred E. Neumann [Matrix Builder](https://craftkit.webslingers.com.au/matrix-builder) [Richtext](https://craftkit.webslingers.com.au/richtext) [ ![Etiam Egestas Risus Amet](https://craftkit.webslingers.com.au/uploads/transforms/_768xAUTO_crop_center-center_85_none_ns/Testimage-1.jpg?v=1786101373) ](https://craftkit.webslingers.com.au/uploads/transforms/_1600xAUTO_crop_center-center_90_none_ns/Testimage-1.jpg?v=1786101575) [ ![Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.](https://craftkit.webslingers.com.au/uploads/transforms/_768xAUTO_crop_center-center_85_none_ns/Testimage-2.jpg?v=1786101532) ](https://craftkit.webslingers.com.au/uploads/transforms/_1600xAUTO_crop_center-center_90_none_ns/Testimage-2.jpg?v=1786101575) [ ![Sem Cursus Vehicula Consectetur](https://craftkit.webslingers.com.au/uploads/transforms/_768xAUTO_crop_center-center_85_none_ns/Testimage-3.jpg?v=1786101396) ](https://craftkit.webslingers.com.au/uploads/transforms/_1600xAUTO_crop_center-center_90_none_ns/Testimage-3.jpg?v=1786101575) [ ![Ornare Elit Ipsum Justo](https://craftkit.webslingers.com.au/uploads/transforms/_768xAUTO_crop_center-center_85_none_ns/Testimage-4.jpg?v=1786101442) ](https://craftkit.webslingers.com.au/uploads/transforms/_1600xAUTO_crop_center-center_90_none_ns/Testimage-4.jpg?v=1786101575) Open gallery (4 images) ## Condimentum Inceptos Cursus Tortor ![Etiam Egestas Risus Amet](https://craftkit.webslingers.com.au/uploads/transforms/_768xAUTO_crop_center-center_85_none_ns/Testimage-1.jpg?v=1786101373) ## Nullam Dapibus Fermentum Justo Nullam id dolor id nibh ultricies vehicula ut id elit. [Read more](https://craftkit.webslingers.com.au/matrix-builder) ![Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.](https://craftkit.webslingers.com.au/uploads/transforms/_768xAUTO_crop_center-center_85_none_ns/Testimage-2.jpg?v=1786101532) ## Purus Venenatis Tristique Vehicula Cras justo odio, dapibus ac facilisis in, egestas eget quam. [Read more](https://craftkit.webslingers.com.au/matrix-builder) ![Sem Cursus Vehicula Consectetur](https://craftkit.webslingers.com.au/uploads/transforms/_768xAUTO_crop_center-center_85_none_ns/Testimage-3.jpg?v=1786101396) ## Justo Bibendum Fermentum Quam Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. [Read more](https://craftkit.webslingers.com.au/matrix-builder) ![Ornare Elit Ipsum Justo](https://craftkit.webslingers.com.au/uploads/transforms/_768xAUTO_crop_center-center_85_none_ns/Testimage-4.jpg?v=1786101442) ## Bibendum Venenatis Pharetra Cras justo odio, dapibus ac facilisis in, egestas eget quam. [Read more](https://craftkit.webslingers.com.au/matrix-builder) ## Praesent commodo cursus magna, vel scelerisque nisl consectetur et. [Read more](https://craftkit.webslingers.com.au/matrix-builder)