---
title: "Case Change"
description: "Change the case of text."
canonical_url: "https://www.tiny.cloud/docs/tinymce/latest/casechange/"
md_url: "https://www.tiny.cloud/docs/tinymce/latest/casechange/index.md"
version: "latest"
last_updated: "2026-06-15T05:48:02Z"
tokens: 1098
---
# Case Change

> **Note:** This plugin is only available for [paid TinyMCE subscriptions](/pricing/).
The **Case Change** plugin is a time saving and handy extension that allows changing the case of text in block selection to uppercase, lowercase, or title case.

## Try our Case Change demo

**Example**

```js
tinymce.init({
  selector: 'textarea',
  plugins: 'casechange',
  toolbar: 'casechange',
  height: '600px',
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }'
});
```

> **Note:** For information on bundling this plugin with module bundlers, see [Bundling TinyMCE - Overview](../bundling-guide/).

## Changing the case of selected text

Perform the following steps to change the case of selected text in a document to lowercase, UPPERCASE, or Title Case:

1. Select the desired text to change the case.
2. Click on the

![Case Change](../_images/casechangeicon.png)
icon in the toolbar.
3. From the drop-down menu, choose the desired format by clicking on either **lowercase**, **UPPERCASE**, or **Title Case**.

> **Note:** The toolbar button will retain the last applied type of case making it simple to apply the same formatting multiple times.

## Types of Formats

Currently, there are three types of formats available:

### lowercase

The **lowercase** option changes all the selected characters to lowercase.

### UPPERCASE

The **UPPERCASE** option changes all the selected characters to uppercase.

### Title Case

The **Title Case** option changes anything other than articles, coordinating conjunctions, or short prepositions to capital letters. The default rule set for **Title Case** is based on [Wikipedia Title Case](https://titlecaseconverter.com/rules/#WP).

#### Title Case options

**Title Case** can be customized to create user defined rule sets by using the following options:

##### `casechange_title_case_minors`

The `casechange_title_case_minors` option is used to customize the rules while using **Title Case.** This option makes it possible to configure what words not to capitalize. All other words not specified by this rule set will be capitalized overriding the default **Title Case** rule set.

**Type:** `Array`

**Default value:** *A rule set based on [Wikipedia Title Case](https://titlecaseconverter.com/rules/#WP)*

###### Example: using `casechange_title_case_minors`

```js
tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'casechange',
  toolbar: 'casechange',
  casechange_title_case_minors: [
    'at', 'by', 'in', 'of', 'on', 'up', 'to', 'en', 're', 'vs',
    'but', 'off', 'out', 'via', 'bar', 'mid', 'per', 'pro', 'qua', 'til',
    'from', 'into', 'unto', 'with', 'amid', 'anit', 'atop', 'down', 'less', 'like', 'near', 'over', 'past', 'plus', 'sans', 'save', 'than', 'thru', 'till', 'upon',
    'for', 'and', 'nor', 'but', 'or', 'yet', 'so', 'an', 'a', 'some', 'the'
  ]
});
```

## Toolbar buttons

The Case Change plugin provides the following toolbar buttons:

| Toolbar button identifier | Description |
| --- | --- |
| `casechange` | Changes the case of text in a block selection to uppercase, lowercase, or title case. |

These toolbar buttons can be added to the editor using:

- The [`toolbar`](../toolbar-configuration-options/#toolbar) configuration option.
- The [`quickbars_insert_toolbar`](../quickbars/#quickbars_insert_toolbar) configuration option.
- [Custom Context toolbars](../contexttoolbar/).

## Menu items

The Case Change plugin provides the following menu items:

| Menu item identifier | [Default Menu Location](../menus-configuration-options/#example-the-tinymce-default-menu-items) | Description |
| --- | --- | --- |
| `casechange` | *Not Applicable* | Changes the case of text in a block selection to uppercase, lowercase, or title case. |

These menu items can be added to the editor using:

- The [`menu`](../menus-configuration-options/#menu) configuration option.
- The [`contextmenu`](../menus-configuration-options/#contextmenu) configuration option.
- [Custom Menu toolbar buttons](../custom-menu-toolbar-button/).

## Commands

The Case Change plugin provides the following TinyMCE commands.

| Command | Description |
| --- | --- |
| mceLowerCase | Converts selected text to lower-case. |
| mceTitleCase | Converts selected text to title-case. |
| mceUpperCase | Converts selected text to upper-case. |

Examples
```js
tinymce.activeEditor.execCommand('mceLowerCase');
tinymce.activeEditor.execCommand('mceTitleCase');
tinymce.activeEditor.execCommand('mceUpperCase');
```