Specbee: The Drupal 10 CKEditor Templates Module – A Blessing for Content Editors
Let us introduce you to the Drupal 10 CKEditor Templates module.
CKEditor is a popular rich text editor used in many content management systems, including Drupal. Currently, Drupal 10 supports CKEditor version 5 and it comes with a great user experience, it is highly customizable and extensible. CKEditor offers many plugins to extend its functionality. One such plugin in focus today is
“Content Templates” which is extremely useful for content creators and editors.
The CKEditor Templates module is an extension/plugin for the CKEditor WYSIWYG editor in Drupal, that allows you to easily insert pre-defined templates or content snippets into your content. We are grateful for the wonderful Drupal community contributors who created this module!
How to Install the CKEditor Templates Module
The installation of the Drupal 10 CKEditor Templates module is the same as any other Drupal module. It has dependencies on the CKEditor template plugin. If the plugin is needed, add it to the libraries folder at the root of the Drupal setup.
After installing and adding the library, enable the module. Now, two main steps need to be followed to work with the module:
Configure CKEditor to include the CKEditor Templates button in the toolbar.
Create and manage templates in the template library.
Configure CKEditor to include the CKEditor Template Button
Configuration -> Content Authoring -> Text formats and editors Now, all the text formats will be listed.
Configure any text format that needs the Template insert option (using full HTML in this tutorial) and move the ‘Templates’ icon from “Available buttons” to “Active Toolbar.”
Create and Manage Templates in the Template Library
Configuration -> Content Authoring -> CKEditor TemplatesNow, the previously created templates will also be listed.
Click on the ‘Add CKEditor template’ button to add a new template. It will now redirect to the template page and the following fields must be filled.
Title: Title of Template
Description: Description of the Template
Image path for template: Preview the image of the Template. This can be added manually. Also, it will auto-fill when uploading an image using the next field ‘Image path for this template’.
Image path for this template: This will upload the image and the ‘Image path for template’ field will be filled with the path of the uploaded image.
Body: The predefined template’s HTML code will be added in this field which will be inserted in CKEditor when this template is added.
Inserting the Template into CKEditor
Now that you have configured the templates, let’s look at how to add them to your CKEditor.
Add/Edit any node, block, or other component with CKEditor.
Click on the “Template” icon (resembling the attached screenshot) to insert the template.
A popup with a list of templates will appear.
Click on the template you want to insert in CKEditor, and the template will be added.
Make changes in content and save the component.
Final Thoughts
The Drupal 10 CKEditor Templates module enhances content creation by providing content editors with a user-friendly platform to insert pre-defined templates or snippets effortlessly. This module integrates seamlessly with the CKEditor WYSIWYG editor in Drupal, making the process more efficient and enjoyable.
As a focused Drupal development company, our experts continually strive to improve the end-user experience. If you’re looking for any Drupal development services, please do not hesitate to reach out to us. We’re here to assist you.
Using devcontainers in GitHub Actions CI workflows
Effortless OpenBSD Audio and Desktop Screen Recording Guide
Rafael Sadowski (rsadowski@
) has added a new post to his Shut up and hack series, titled
Effortless OpenBSD Audio and Desktop Screen Recording Guide,
where he takes the reader through the steps needed to configure
your OpenBSD system for audio and video recording.
The post even includes a
youtube video
where he demonstrates recording while he is putting final touches on the blog post.
You can take in the blog post here:
Effortless OpenBSD Audio and Desktop Screen Recording Guide.
Linux 6.8 Brings More Sound Hardware Support For Intel & AMD, Including The Steam Deck
Waiting for pulling into the mainline kernel once Linus Torvalds is back online following Portland’s winter storms is the sound subsystem updates for Linux 6.8, which include a lot of new sound hardware support. Linux sound subsystem maintainer Takashi Iwai at SUSE describes the new sound hardware support for Linux 6.8 as: “Support for more […]
The post Linux 6.8 Brings More Sound Hardware Support For Intel & AMD, Including The Steam Deck appeared first on Linux.com.
remotecontrol @ Savannah: Another home thermostat found vulnerable to attack
https://www.foxnews.com/tech/another-home-thermostat-found-vulnerable-to-attack
A network cable connection to any thermostat is still a safer and overall less expensive long term choice.
I used Netscape Composer in 2024
Hacknet: Die ungewöhnliche Hacker-Simulation lässt euch einen Mordfall aufklären
Video by via Dailymotion Source Wenn ihr kein Problem mit unspektakulärer Grafik habt und schon immer mal wissen wolltet, wie ein echter Hacker so vorgeht, könntet ihr mit Hacknet viel Spaß haben. Das Spiel versetzt euch in die Rolle eines Nachwuchs-Hackers, der den Mord an einem Kollegen aufklären muss. Dafür gilt es, Firewalls zu durchbrechen…
Interactive Mouse Cursor Animation Tutorial | HTML, CSS, JavaScript
Video by via Dailymotion Source Dive into the world of coding with this hands-on tutorial! Join me, a seasoned software engineer, as I guide you through creating a captivating Mouse Cursor Animation using HTML, CSS, and JavaScript. ️ In this step-by-step video, you’ll learn the essentials of web development and unleash your creativity by making…
“Não haverá aumento de ICMS no estado”, diz governador de Mato Grosso
Video by via Dailymotion Source Dez Estados e o Distrito Federal decidiram pelo reajuste da alíquota do ICMS para 2024. Para falar sobre o assunto, o Jornal da Manhã entrevista o governador de Mato Grosso, Mauro Mendes. Assista ao Jornal da Manhã completo: https://youtube.com/live/eO8uYRie110 Baixe o app Panflix: https://www.panflix.com.br/ Baixe o AppNews Jovem Pan na…