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

TinyMCE 的 PowerPaste 插件会自动清理来自 Microsoft Word、Microsoft Excel、Google Docs 和 HTML 源的内容，以确保内容干净、合规，并与网站的外观和风格保持一致。

由于 Microsoft Excel 在线版（Office Live 的一部分）的限制，PowerPaste 不支持从 Microsoft Excel 在线版粘贴。如果您在 Office Live 中使用 Microsoft Excel 粘贴内容，您将获得内容的纯文本表示。

尝试我们的 PowerPaste 插件演示

HTML

<textarea id="paste-from-word">
  <p><img style="float: right;" 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>
  <h2>TinyMCE 演示：PowerPaste 插件！</h2>
  <p>高级插件：TinyMCE 的 <a href="https://www.tiny.cloud/docs/tinymce/8/introduction-to-powerpaste/">PowerPaste 插件</a> 会自动清理并传输来自 Microsoft Word 和 HTML 源的内容和图像，以确保内容干净、合规，并与网站的外观和风格保持一致。</p>
  <p>从 WORD 或 EXCEL 复制和粘贴</p>
  <ol>
    <li>从 Microsoft Word 或 Excel 复制并粘贴内容到此编辑器。</li>
    <li>选择“移除格式”（移除内联样式）或“保留格式”（保留内联样式）。</li>
  </ol>
  <p>从网站或 HTML 源复制和粘贴</p>
  <ol>
    <li>从网站内容复制并粘贴内容到此编辑器。</li>
    <li>选择“移除格式”（移除内联样式）或“保留格式”（保留内联样式）。</li>
  </ol>
  <p>拖放图像</p>
  <ol>
    <li>将本地图像拖到此编辑器。</li>
  </ol>
  <hr>
  <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>
  <p>感谢支持 TinyMCE！我们希望它能帮助您和您的用户创建出色的内容。<br>来自 TinyMCE 团队的最诚挚问候。</p>
</textarea>

JS

tinymce.init({
  selector: 'textarea#paste-from-word',
  height: 400,
  menubar: true,
  plugins: [
    'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
    'anchor', 'searchreplace', 'visualblocks', 'advcode', 'fullscreen',
    'insertdatetime', 'media', 'table', 'powerpaste', 'code'
  ],
  toolbar: 'undo redo | insert | styles | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image code',
  powerpaste_allow_local_images: true,
  powerpaste_word_import: 'prompt',
  powerpaste_html_import: 'prompt',
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }'
});

用法

当用户将内容粘贴到编辑器中时，PowerPaste 插件会自动激活。对于基本用法，用户无需采取任何操作。只需使用键盘快捷键、浏览器的“粘贴”菜单项（包括右键菜单）或 TinyMCE 的“粘贴”工具栏按钮正常复制和粘贴内容即可。

要将剪贴板内容作为纯文本粘贴，用户可以点击“粘贴为文本”工具栏按钮或菜单项，然后正常粘贴内容。TinyMCE 的 PowerPaste 插件会将剪贴板中的 HTML 转换为纯文本。

如果配置 PowerPaste 以允许本地图像（参见下文的 powerpaste_allow_local_images 设置），则从 Microsoft Word 和其他源复制的图像将以 Base64 编码的图像形式出现在 TinyMCE 中。您可以让 TinyMCE 自动上传 Base64 编码的图像，以恢复为标准图像，具体如图像上传文档所述。

PowerPaste（当配置为允许本地图像时）将导入从粘贴的 Microsoft Word 和 Microsoft Excel 内容中的图像。在此过程中，PowerPaste 会从剪贴板中提取 Base64 编码的图像。由于 Web 浏览器的技术限制，大于约 8.5MB 的图像可能无法导入。

云端安装

要使用 Tiny Cloud 启用 TinyMCE 的 PowerPaste 插件：

  1. 如果您当前使用 TinyMCE 提供的 paste 插件，请从 plugins 列表中移除以禁用它。

  2. 将 powerpaste 添加到 plugins 列表中。

示例 TinyMCE 配置：

tinymce.init({
  selector: 'textarea',  // 根据您的 HTML 更改此值
  plugins: 'powerpaste'
});

自托管安装

要启用 TinyMCE 的 PowerPaste 插件：

  1. 如果您当前使用 TinyMCE 提供的 paste 插件，请从 plugins 列表中移除以禁用它。

  2. 将 powerpaste 添加到 TinyMCE 配置中的 plugins 列表。

请参阅上述 TinyMCE 配置示例。