h5（即浏览器客户端，使用js）环境下,emoji表情图片转unicode编码怎么实现

Question

编码环境：vue-cli,emoji

背景：unicode转图片已实现，表情图片的名称本身就是该表情的unicode码有关（有现成方法通过表情的utf8码找到对应的图片名称），有一个对应的类似数据字典文件config.js，关键内容大体如下：

config:[

{

  imgNum: 1,

  text: '哈哈',

  unicode: '?'

},

{

  imgNum: 2,

  text: '大笑',

  unicode: '?'

},

...

生成的表情html图片字符串已实现，例如

let str = '测试啊<img width="18" class="emoji" src="../../../assets/images/emoji/1f604.png">测试<img width="18" class="emoji" src="../../../assets/images/emoji/1f603.png"><img width="18" class="emoji" src="../../../assets/images/emoji/1f603.png">测试';

具体问题：怎样将上面的html字符串转换成：'测试啊?测试??测试'，以方便发给后台处理，我需要一个方法完成这就事情，但是js功力不是很强，不知道怎么写的好

注：由于需要处理的字符串内容不是确定的，也就是不确定会有多少表情，表情在字符串的什么地方，可以的话请大神提供一个类似示例处理,我主要不清楚这部分逻辑该具体怎样写js

个人想法：我的处理思路是一是扩充前面的那个数据字典，比如对象里面新增图片名称字段，以方便找到img对应的utf8码，接上来可能是通过正则遍历、拆分、拼凑字符串，达到我的想要的结果，如果有更好的思路也欢迎大神多多指教。