TINYMCE - 粘贴插件：如何从 Word 文档中修改样式答案

【问题标题】：TINYMCE - Paste Plugin: How to modify styles from Word DocumentTINYMCE - 粘贴插件：如何从 Word 文档中修改样式
【发布时间】：2021-06-27 15:15:12
【问题描述】：

我的 word 文档有一些应用了特定字体的文本，例如。宋体加粗体

当我粘贴到 TinyMCE 时，我会在一个范围内得到该值：

<p><strong><span style="font-family: 'Arial'>Hello World</span>/strong>/</p>

如何检测到这行文本同时应用了 Bold 和 Arial，以便我可以将其转换为使用名为 BoldArial 的自定义标记：

<p><BoldArial>Hello World</BoldArial></p>

我想在我的自定义样式表中将样式应用到 BoldArial，我在初始化时包含在 TinyMCE 中，例如：

p.BoldArial {
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
}

如何使用粘贴插件将 MSWord 样式转换为自定义 CSS？

【问题讨论】：

【解决方案1】：

你不能用简单的粘贴来做到这一点。您可以在 Word 中编写 html 代码并将其作为文本粘贴到 TinyMCE 的 Text Tab 中。因此，在 Word 中，您的段落已经编码：

<p><BoldArial>Hello World</BoldArial></p>

要添加 html，您可以使用搜索/替换来获得 90% 的路径。

说明

Cntrl+H 打开“查找和替换”
使用通配符

查找内容：
?*^13

替换为：

<p class = "BoldArial">^&</p>

对于“查找”，将“字体”设置为“粗体”

您需要手动清理换行符/返回。见图。

【讨论】：