在文章html代码中插入下面的代码实现小程序卡片插入， 
<mp-miniprogram data-miniprogram-appid="wx123123123" data-miniprogram-path="pages/index/index" data-miniprogram-title="小程序示例" data-miniprogram-imageurl="http://example.com/demo.jpg"></mp-miniprogram> 

草稿上传成功后，在微信公众号管理后台打开编辑时，卡片在正确的位置，

但是打开预览或发送到手机上后，卡片就移动到了文章的最下面, 这个问题如何解决，跪求大佬。