--- myst: html_meta: "description": "" "property=og:description": "" "property=og:title": "" "keywords": "" --- # Theme Package VI: Using TinyMCE Templates TinyMCE has a *templates* plugin which provides an easy way to create complex content in TinyMCE. You can use that to help users to add complex content structures like predefined tables or content. The users then need to customize this content to their needs. ## Create Your Own TinyMCE Templates We already have a folder named {file}`tinymce-templates` in our theme folder. `bobtemplates.plone` already created an example template for us, but we will add another one. To create our first template we will add a new file named {file}`content-box.html` in this folder: ```{code-block} console :emphasize-lines: 3 tree src/ploneconf/theme/theme/tinymce-templates src/ploneconf/theme/theme/tinymce-templates ├── content-box.html └── image-grid-2x2.html 0 directories, 2 files ``` In the file {file}`content-box.html` we add the following HTML template content: ```html
The boxes used in this template are nested between a normal Bootstrap row and the start of your column layout. The boxes will be full-width boxes, so if you want to make them smaller then you will need to customize.
A huge thanks to Death to the Stock Photo for allowing us to use the beautiful photos that make this template really come to life. When using this template, make sure your photos are decent. Also make sure that the file size on your photos is kept to a minumum to keep load times to a minimum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat diam quis nisl vestibulum dignissim. In hac habitasse platea dictumst. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.