我一直在使用https://github.com/StevenDevooght/tinyMCE-mention插件来支持AngularJs应用程序中的提及功能。为了在我的应用程序中提供对RTL语言的支持，每当我在方向性RTL中键入$ {name}时，它将变为{name} $，这对我来说应该不会发生。因此，我一直在使用以下格式：

insert: function(item) { return "<span dir='ltr'>" + item.placeholder + "</span>"; },

虽然这适用于单个占位符的情况，但是当我选择多个提及时，例如$ {firstName} $ {lastName}格式：

<span dir='ltr'>${firstName} <span dir='ltr'>${lastName}</span></span>

从上面的示例中可以看到，第二个跨度被添加到第一个跨度中，这种行为不是我所期望的。应该是

<span dir='ltr'>${firstName}</span> <span dir='ltr'>${lastName}</span>

还有其他方法可以实现这一目标吗？