我在一个允许用户输入内容的CMS中工作.问题是，当他们添加符号®时，它可能不会在所有浏览器中都很好地显示.我想设置一个必须搜索的符号列表，然后将其转换为相应的html实体.例如
® => ®
& => &
© => ©
™ => ™
转换后，需要将其包装在<sup>标签中，结果如下:
® => <sup>®</sup>
因为特定的字体大小和填充样式是必需的:
sup { font-size: 0.6em; padding-top: 0.2em; }
JavaScript会是这样的吗？
var regs = document.querySelectorAll('®');
for ( var i = 0, l = imgs.length; i < l; ++i ) {
var [?] = regs[i];
var [?] = document.createElement('sup');
img.parentNode.insertBefore([?]);
div.appendChild([?]);
}
其中"[？]"这意味着有些事我不确定.
Additional Details:
- 我想用纯JavaScript来做这件事，而不是 需要像jQuery这样的库，谢谢.
- 后端是Ruby
- 使用使用Ruby on Rails构建的RefineryCMS