Case Change

Change the case of text.

+ toolbar button + menu item

Overview

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.

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.

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.

The Title Case can be used for the following editor elements:

Menu options and pushbuttons
Field, checkbox, and radio button labels
Frame, screen, and dialog box titles
Tab descriptions
All hierarchy nodes and folder names (IMG, roles, etc)
Possible entries, options in drop-down lists
Column and row headers
Titles of reports and lists
All technical short descriptions (names of programs, function groups, transactions, CUA statuses, and so on)

Try our Case Change demo

TinyMCE HTML JS Edit on CodePen.io

<p><img style="display: block; margin-left: auto; margin-right: auto;" title="Tiny Logo" src="https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png" alt="TinyMCE Logo" width="128" height="128" /></p> <h1 style="text-align: center;">Welcome to Case Change!</h1> <p> Please try out this demo of our new <b>Case Change</b> premium plugin that is a time saving and handy extension that allows changing the case of text in block selection to uppercase, lowercase, or title case.<br /> </p> <h2>Got questions or need help?</h2> <ul> <li>Our <a href="https://www.tiny.cloud/docs/">documentation</a> is a great resource for learning how to configure TinyMCE.</li> <li>Have a specific question? Try the <a href="https://stackoverflow.com/questions/tagged/tinymce" target="_blank" rel="noopener"><code>tinymce</code> tag at Stack Overflow</a>.</li> <li>We also offer enterprise grade support as part of <a href="https://www.tiny.cloud/pricing">TinyMCE premium plans</a>.</li> </ul> <h2>A simple table to play with</h2> <table style="border-collapse: collapse; width: 100%;" border="1"> <thead> <tr> <th>Product</th> <th>Cost</th> <th>Really?</th> </tr> </thead> <tbody> <tr> <td>TinyMCE</td> <td>Free</td> <td>YES!</td> </tr> <tr> <td>Plupload</td> <td>Free</td> <td>YES!</td> </tr> </tbody> </table> <h2>Found a bug?</h2> <p> If you think you have found a bug please create an issue on the <a href="https://github.com/tinymce/tinymce/issues">GitHub repo</a> to report it to the developers. </p> <h2>Finally ...</h2> <p> Don't forget to check out our other product <a href="http://www.plupload.com" target="_blank">Plupload</a>, your ultimate upload solution featuring HTML5 upload support. </p> <p> Thanks for supporting TinyMCE! We hope it helps you in creating great content.<br />All the best from the TinyMCE team. </p>

<textarea id="casechange">
  <p><img style="display: block; margin-left: auto; margin-right: auto;" title="Tiny Logo" src="https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png" alt="TinyMCE Logo" width="128" height="128" /></p>

  <h1 style="text-align: center;">Welcome to Case Change!</h1>

  <p>
    Please try out this demo of our new <b>Case Change</b> premium plugin that is a time saving and handy extension that allows changing the case of text in block selection to uppercase, lowercase, or title case.<br>
  </p>

  <h2>Got questions or need help?</h2>

  <ul>
    <li>Our <a href="https://www.tiny.cloud/docs/">documentation</a> is a great resource for learning how to configure TinyMCE.</li>
    <li>Have a specific question? Try the <a href="https://stackoverflow.com/questions/tagged/tinymce" target="_blank" rel="noopener"><code>tinymce</code> tag at Stack Overflow</a>.</li>
    <li>We also offer enterprise grade support as part of <a href="https://www.tiny.cloud/pricing">TinyMCE premium plans</a>.</li>
  </ul>

  <h2>A simple table to play with</h2>

  <table style="border-collapse: collapse; width: 100%;" border="1">
    <thead>
      <tr>
        <th>Product</th>
        <th>Cost</th>
        <th>Really?</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>TinyMCE</td>
        <td>Free</td>
        <td>YES!</td>
      </tr>
      <tr>
        <td>Plupload</td>
        <td>Free</td>
        <td>YES!</td>
      </tr>
    </tbody>
  </table>

  <h2>Found a bug?</h2>

  <p>
    If you think you have found a bug please create an issue on the <a href="https://github.com/tinymce/tinymce/issues">GitHub repo</a> to report it to the developers.
  </p>

  <h2>Finally ...</h2>

  <p>
    Don't forget to check out our other product <a href="http://www.plupload.com" target="_blank">Plupload</a>, your ultimate upload solution featuring HTML5 upload support.
  </p>
  <p>
    Thanks for supporting TinyMCE! We hope it helps you in creating great content.<br>All the best from the TinyMCE team.
  </p>
</textarea>

Tiny Cloud plans, see: Tiny Pricing Plans.
Configuring the Case Change plugin, see: The Case Change plugin documentation.

Was this article helpful? Yes - No

Well, that's awkward . Would you mind opening an issue or helping us out?

Thanks for the feedback!

Can't find what you're looking for? Let us know.

Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.

Case Change

Change the case of text.

Overview

Types of Formats

lowercase

UPPERCASE

Title Case

Try our Case Change demo

Getting started with TinyMCE Case Change

Creating an account

Get TinyMCE Case Change

Further information