You may find this helpful if you’re planning to build a notepad++ plugin or trying to add new functionalities to Notepad++.
Notepad++ doesn’t support Auto-completion for Tailwind CSS classes, a popular open-source library for styling html with minimum efforts. It has thousands of ready available classes that automate CSS styling without having to declare much CSS yourself in a web project.

Note: If Auto-completion is not Active in your Notepad++. To activate Auto-code-completion in your Notepad++ see below

• To activate setting go to Settings Tab -> Click on Preferences, you will see below window.
• Click [ ✔ ] Enable auto-completion on each input and close the window.

Step 1

I needed all the available Tailwind CSS Classes in text to be able to create their individual XML Syntax which then I could add to the Code directives file of Notepad++ Program files.

I found a code snippet in a Github discussion with a ready array of all Tailwind CSS classes. (Link – 🔗 https://github.com/tailwindlabs/tailwindcss/discussions/10379 )

Step 2

I created a short JavaScript that used the array of Tailwind CSS class-names. The script code created an array of Strings with array.map() function which converted class-names to an XML Line which is compatible with Notepad++ Syntax for Auto-completion feature directives files. And then printed these XML syntax Strings on window. To later copy – paste to css.xml directive file in Notepad++ Program files.

You can visit this file here which generates the XML (🔗 https://ajitsing.in/notepad%2b%2b/tailwindcss/load-tailwind-css-classes.html )

Here’s the javascript function (part of complete code in above file) that prints the XML Syntax by using the Tailwind CSS classes Array (Github) mentioned above.

Step 3

Auto-completion feature directives files  – These are individual files for each language stored at (C:/Program Files/Notepad++/autoCompletion/) Directory. This directory location may differ in your computer.

I copy/pasted these XML tags to (C:Program FilesNotepad++autoCompletioncss.xml) file. While copy/pasting codes to css.xml file Notepad++ may ask you to open Notepad++ with Administrator permission to Save this file.

After I saved the file and Restarted Notepad++, Auto code-completion of Tailwind CSS classes started working in my Notepad++. 🙂

As You can see in the below screenshot.