uniapp使用editor 给文本做标记

59 阅读1分钟
<editor
    id="editor"
    @ready="onEditorReady"
/>

export default {
  data(){
      return {
          editorCtx: ''
      }
  },
  methods: {
    onEditorReady() {
      uni
        .createSelectorQuery()
        .select("#editor")
        .context((res) => {
          this.editorCtx = res.context;
        })
        .exec();
    },
    async goChain() {
      const result = await this.$request("POST", "xxx");
        result.data.msg = `<span style="font-size: 16px;">${result.data.msg}</span>`;
        result.data.msg = result.data.msg.replace(/\n/g, "<br />");
        if (result.data.err_link_list && result.data.err_link_list.length > 0) {
          result.data.err_link_list.forEach((item) => {
            result.data.msg = result.data.msg.replace(
              item,
              `❌${item}123❌ <strong style='color: red'>失败</strong>`
            );
          });
        }
        this.editorCtx.setContents({
          //赋值
          html: result.data.msg,
        });
        this.editorCtx.blur();
    }
  }
}