更新记录

1.3.8（2023-12-20）

配置修改

1.3.7（2023-12-11）

Base64引用问题

1.3.6（2023-03-28）

组件优化

平台兼容性

页面使用说明

<template>
    <view class="editor">
        <view class="editor-content">
            <w-editor v-model="data" :read-only="readOnly"></w-editor>
        </view>
        <view class="editor-btn">
            <u-button type="primary" @click="submit">确定</u-button>
        </view>
    </view>
</template>

<script>
import WEditor from '@/uni_modules/wangjichao-w_editor/index.vue'
export default {
    components: {
        WEditor
    },
    data() {
        return {
            readOnly: false,
            data: []
        }
    },
    onShow() {
        // 微信小程序地图选点的监听
        // #ifdef MP-WEIXIN
            const chooseLocation = requirePlugin('chooseLocation');
            const location = chooseLocation.getLocation(); 
            uni.$emit('chooseLocation',location)
            chooseLocation.setLocation(null); 
        // #endif
    },
    methods: {
        submit() {
            console.log(this.data);
        }
    }
} 
</script>

<style>
    page{
        height: 100%;
    }
</style>
<style lang="scss" scoped>
    .editor{
        height: 100%;
        width: 100%;
        &-content{
            height: calc(100% - 120rpx);
            overflow: hidden;
        }
        &-btn{
            height: 120rpx;
            padding: 20rpx;
            width: 100%;
            box-sizing: border-box;
        }
    }
</style>

组件配置

属性说明

在 config.js 文件中配置上传参数和地图参数

地图选点页pages导入

{
    "path": "uni_modules/wangjichao-w_editor/components/items/map/location",
    "style": {
        "transparentTitle": "auto"
    }
}

注意事项

• 微信小程序需引入插件

  {
  "mp-weixin" : {
      "appid" : "微信小程序appid",
      "setting" : {
          "urlCheck" : false
      },
      "usingComponents" : true,
      "permission" : {
          "scope.userLocation" : {
              "desc" : "你的位置信息将用于小程序定位"
          }
      },
      "plugins": {
          "chooseLocation": {
              "version": "1.0.10",
              "provider": "wx76a9a06e5b4e693e"
          },
          "routePlan": {
              "version": "1.0.18",
              "provider": "wx50b5593e81dd937a"
          }
      }
  }
  }

• 微信小程序腾讯地图插件可能会出现宽度超出屏幕问题,可在 app.vue 页面添加样式

  <style lang="scss">
  /*#ifdef MP-WEIXIN */
      .locationpicker-page{
          width: 100%;
      }
  /*#endif */
  </style>