uni-app 百度小程序引入editor动态库文档错误
uni-app 百度小程序引入editor动态库文档错误
操作步骤：
见BUG 描述
预期结果：
见BUG 描述
实际结果：
见BUG 描述
bug描述：
官方文档地址：
https://uniapp.dcloud.net.cn/api/media/editor-context.html
官网文档上写引入动态库配置如下
配置 pages.json 文件如下
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"usingComponents": {
"editor": "dynamicLib://editorLib/editor"
}
}
}
]
}这样动态组件库会被当成普通组件引入，导致实际使用时报错。
应改为
{
"pages": [{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"mp-baidu": {
"usingSwanComponents": {
"editor": "dynamicLib://editorLib/editor"
}
}
}
}]
}
1 回复
在 uni-app 中引入百度小程序的 editor 动态库时，可能会遇到文档错误或配置问题。以下是一些常见的注意事项和解决方法，帮助你正确引入和使用 editor 动态库：
1. 确认百度小程序支持 editor 动态库
首先，确保百度小程序支持 editor 动态库。你可以查阅百度小程序的官方文档，确认 editor 动态库的可用性和使用方法。
2. 在 pages.json 中配置 editor 动态库
在 pages.json 中，你需要为需要使用 editor 动态库的页面配置 dynamicLib 字段。例如：
{
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页"
},
"dynamicLib": {
"editor": {
"provider": "editor"
}
}
}
]
}3. 在页面中使用 editor 动态库
在页面的 .vue 文件中，你可以通过 requireDynamicLib 方法引入 editor 动态库，并在模板中使用它。例如：
<template>
<view>
<editor id="editor" :placeholder="placeholder" @input="onInput" @ready="onReady"></editor>
</view>
</template>
<script>
export default {
data() {
return {
placeholder: '请输入内容'
}
},
methods: {
onInput(event) {
console.log('输入内容:', event.detail.value)
},
onReady() {
console.log('编辑器已准备好')
}
},
onLoad() {
// 引入 editor 动态库
const editor = requireDynamicLib('editor')
console.log('editor 动态库已引入:', editor)
}
}
</script>