大小写转换

此插件仅适用于 付费 TinyMCE 订阅。

Case Change 插件是一个节省时间的便捷扩展，允许将块选择中的文本更改为大写、小写或标题大小写。

尝试我们的 Case Change 演示

HTML

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

  <h1 style="text-align: center;">欢迎使用 Case Change！</h1>

  <p>
    请尝试我们的新 <b>Case Change</b> 高级插件演示，这是一个节省时间的便捷扩展，允许将块选择中的文本更改为大写、小写或标题大小写。<br>
  </p>

  <h2>有问题或需要帮助？</h2>

  <ul>
    <li>我们的 <a href="https://www.tiny.cloud/docs/tinymce/8/">文档</a> 是学习如何配置 TinyMCE 的绝佳资源。</li>
    <li>有具体问题？请尝试 Stack Overflow 上的 <a href="https://stackoverflow.com/questions/tagged/tinymce" target="_blank" rel="noopener"><code>tinymce</code> 标签</a>。</li>
    <li>我们还提供企业级支持，作为 <a href="https://www.tiny.cloud/pricing">TinyMCE 高级计划</a> 的一部分。</li>
  </ul>

  <h2>一个简单的表格供您试用</h2>

  <table style="border-collapse: collapse; width: 100%;" border="1">
    <thead>
      <tr>
        <th>产品</th>
        <th>成本</th>
        <th>真的吗？</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td style="text-align: center;">TinyMCE</td>
        <td style="text-align: center;">免费</td>
        <td style="text-align: center;">是的！</td>
      </tr>
    </tbody>
  </table>

  <h2>发现错误？</h2>

  <p>
    如果您认为发现了错误，请在 <a href="https://github.com/tinymce/tinymce/issues">GitHub 仓库</a> 上创建问题，向开发者报告。
  </p>

  <h2>最后……</h2>

  <p>
    需要在您的应用中上传文件？请考虑使用 <a href="https://www.tiny.cloud/docs/tinymce/latest/uploadcare/" target="_blank" rel="noopener noreferrer">Uploadcare</a> 与 TinyMCE 配合，获得快速、现代的上传体验。
  </p>
  <p>
    感谢支持 TinyMCE！我们希望它能帮助您创建精彩内容。<br>来自 TinyMCE 团队的诚挚问候。
  </p>
</textarea>

JS

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

有关使用模块打包器打包此插件的信息，请参阅 打包 TinyMCE - 概述。

更改所选文本的大小写

执行以下步骤可将文档中选定的文本更改为小写、大写或标题大小写：

1. 选择要更改大小写的文本。

2. 点击工具栏中的 图标。

3. 从下拉菜单中，通过点击 小写、大写 或 标题大小写 选择所需的格式。

工具栏按钮将保留上次应用的大小写类型，从而可以轻松多次应用相同的格式。

格式类型

当前有三种可用的格式类型：

小写

小写 选项将所有选定字符更改为小写。

大写

大写 选项将所有选定字符更改为大写。

标题大小写

标题大小写 选项将除冠词、并列连词或短介词外的所有内容更改为大写字母。标题大小写 的默认规则集基于 维基百科标题大小写规则。

标题大小写选项

可以使用以下选项自定义 标题大小写，以创建用户定义的规则集：

casechange_title_case_minors

casechange_title_case_minors 选项用于在使用 标题大小写 时自定义规则。此选项可以配置哪些单词不应大写。所有未由此规则集指定的其他单词将大写，覆盖默认的 标题大小写 规则集。

类型： Array

默认值： 基于 维基百科标题大小写规则 的规则集

示例：使用 casechange_title_case_minors

tinymce.init({
  selector: 'textarea',  // 根据需要更改 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'
  ]
});

工具栏按钮

Case Change 插件提供了以下工具栏按钮：

可以通过以下方式将这些工具栏按钮添加到编辑器中：

• toolbar 配置选项。

• quickbars_insert_toolbar 配置选项。

• 自定义上下文工具栏。

菜单项

Case Change 插件提供了以下菜单项：

可以通过以下方式将这些菜单项添加到编辑器中：

• menu 配置选项。

• contextmenu 配置选项。

• 自定义菜单工具栏按钮。

命令

Case Change 插件提供了以下 TinyMCE 命令。

tinymce.activeEditor.execCommand('mceLowerCase');
tinymce.activeEditor.execCommand('mceTitleCase');
tinymce.activeEditor.execCommand('mceUpperCase');