How to implement string capitalization or capitalize each word in AnQiCMS templates?

In website content operation, the way text is displayed often directly affects the reading experience and the professionalism of the website.AnQi CMS is an efficient content management system, its powerful template engine provides us with flexible content display capabilities.This includes various string formatting operations, such as how to capitalize the first letter of a string, or the first letter of each word that we will discuss today.

The template syntax of AnQi CMS draws on the Django template engine, which means we can easily meet these needs by using its built-in rich filters.These filters are like small tools that can process variables, making the final displayed content meet our expectations.

How to implement string first letter to uppercase:capfirstFilter

If you want the first letter of a string to be capitalized and the rest to remain the same,capfirstThe filter is the tool you need. It checks the first character of the string, if it is a letter, it converts it to uppercase; if not, it does nothing.

This filter is very suitable for use at the beginning of a sentence, or when you want to capitalize the first letter of a single English word, for example, when displaying user-submitted text that may not have standardized capitalization.

Usage example:

Assume you have a variableproductNameThe value stored is"anqicms模板制作"If you want to capitalize the first letter, you can write it like this in the template:

{{ "anqicms模板制作"|capfirst }}

The output will beAnqicms模板制作. Look, only the first character of the string was converted to uppercase. If the string ishello world, then the output will beHello world.

Implement capitalizing the first letter of each word:titleFilter

Compared with that,titleThe filter is more suitable for title-like content. Its function is to capitalize the first letter of each English word in the string while converting the rest to lowercase.

This is particularly useful when displaying article titles, product names, or proprietary nouns, as it makes the text look more standardized and formal. For example, you may have received a title from a user that does not strictly adhere to the rules of capitalization.titleThe filter can help you standardize with one click.

Usage example:

If your variable isarticleTitleThe value stored is"anqicms模板中如何实现字符串首字母大写", or even"HELLO tHERE!"AftertitleAfter the filter is processed, they will all be displayed in uppercase format with the first letter of each word:

{{ "anqicms模板中如何实现字符串首字母大写"|title }}

The output will beAnqicms模板中如何实现字符串首字母大写. And for English"HELLO tHERE!"This will be the output resultHello There!This greatly ensures the consistency and professionalism of title display.

Auxiliary case conversion:upperandlowerFilter

Except for these two main title case processing methods, the Anqi CMS template also provides filters to convert the entire string to uppercase or lowercase, respectively,upperandlower. Their functions are very intuitive:

• upperThe filter will convert all alphabetic characters in the string to uppercase.
• lowerThe filter will convert all alphabetic characters in the string to lowercase.

When you need to emphasize a word, such as the copyright information of a website, or need to unify text formats (such as converting all user tags to lowercase for easy processing), they will come in handy.

Usage example:

{{ "AnQiCMS 内容管理系统"|upper }}
{{ "AnQiCMS 内容管理系统"|lower }}

The output results will beANQICMS 内容管理系统andanqicms 内容管理系统.

Actual application suggestions

In practice, we usually put in the document'sTitlefields (such as article titles, product names),Description(Description) or use these filters on any custom text fields. For example, you can get the data from the backend.{{ archive.Title }}Add|titleFilters to ensure that all article titles are displayed in a standardized format.

It is worth noting that these filters only affect the content on the pageDisplay effectIt will not change the original data stored in the background database.This means you can flexibly adjust the presentation of the same text according to different display requirements without modifying the original data.By such processing, the professionalism and readability of the website content can be significantly improved, providing visitors with a better browsing experience.

Provided in the Anqi CMS templatecapfirst、`