HarmonyOS文章内容乱码解决（适用API12以上版本）

HarmonyOS文章内容乱码（通过网页展示题目）

实现步骤：

• 准备 html 格式的资源，定义一个 JS 函数 （温馨提示：这部分内容混合开发会讲解）
• 通过 Web 组件加载这个页面，加载完毕通过 webview 执行 JS 函数显示内容

• • Web容器宽度100%, 高度占满
  • onPageEnd 网页加载完成时触发该回调
  • 要等请求的接口数据回来后, 再去重新加载一次question.html文件

第一步：安装放入rawfile文件夹内

文件：

链接: 百度网盘 请输入提取码 提取码: e6k3 复制这段内容后打开百度网盘手机App，操作更方便哦

第二步：

 // web组件控制器
  controller = new webview.WebviewController()

//上一题下一题切换使用
async aboutToAppear() {
    //获取传过来的数据（其实只是为了要里面的id）
    const params = router.getParams() as QuestionPageParams
    if (params) {
      //把里面id给item
      this.item = params.item as QuestionDetail
      //调用方法用id去请求数据，请求回来覆盖之前的item，就去可以去渲染数据了
      this.item = await this.getQuestionDetail(this.item.id)
      //重新加载一次（当切换下个页面数据变了，但是页面没变，所以要重新渲染一遍）
      //上一题和下一题切换使用
      this.controller.loadUrl($rawfile('question.html'))
    }
  }
----------------------------------------------------------------------------------
// Web容器
      Web({ src: $rawfile('question.html'), controller: this.controller })
        .width('100%')
        .layoutWeight(1)
          //网页加载完成时触发该回调
        .onPageEnd(() => {
          if (this.item.answer) {
            this.controller.runJavaScript(`writeHtml(\`${this.item.answer}\`)`)
          }
        })