javascript - 带有 JS 的页面中的自动上标字符，如 ©？

Question

我的客户遇到了一个问题:他们的 CMS 无法正确处理 TM 或版权符号等符号。他们没有办法格式化上标符号

所以我想用 JS 在客户端解决它

什么是最佳实践？如何检测像 © 这样的特定字符并使其变小并使其顶部与关联的作品对齐？

Answer 1

如果 CMS 不处理版权符号 (U+00a9)，则说明它有问题。假设无法解决该问题，您必须以某种方式“编码”这些字符。在这个解决方案下，任何人在 CMS 上写任何东西或读任何东西都必须意识到这种编码，并在进入的过程中进行适当的编码，在离开的过程中进行解码。这不是一条快乐的道路。

例如，假设 CMS 有一个编辑器。用户将如何在编辑器中输入“特殊”字符？是否要修改编辑器以处理必要的编码和解码？

无论如何，假设你决定走编码路线，选择哪种编码？其他人建议使用 © 等 HTML 实体进行编码。这可能不是最好的解决方案。首先，假设内容总是在 HTML 环境中输出。可能更重要的是，它无法处理没有 HTML 实体编码的字符。因此，使用诸如 JS 字符串编码 ("Bad Idea\u00a9") 之类的编码可能是您最好的选择。如果 CMS 的 API 使用 JSON，一切都应该能正常工作。

您可能会考虑的替代编码是 URI 编码或 BASE64 编码，但这似乎都不是一个好主意。

话虽如此，您似乎对字符编码和格式之间的区别感到模糊。你说

> how to detect a specific char like © and make it small and align top

如果您已经有了一个真正的版权符号，那么您不需要做任何事情，因为所有字体都会正确显示它。例如，如果您在数据库中将版权符号编码为 \u00a9 并以 JSON 格式发送，则它已经是版权符号，并且会正确显示。

或者您是否打算在 CMS 中将版权符号存储为三个字符 "(c)"，并将其视为用于格式化/显示目的的版权符号？在那种情况下，是的，您需要检测此类序列并将它们包装在一些应用相关 CSS 属性的 HTML 中。