uniapp开发小程序插件（Uniapp 小程序）
本篇文章给大家谈谈uniapp开发小程序插件，以及Uniapp 小程序对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
uniapp原生插件开发(iOS)
打开 Xcode，创建一个新的Framework工程，然后点击 Next
输入插件工程名称（建议使用一个性化的前缀，避免与其他人的插件包名冲突），其他项不需要修改保持工程默认填充的即可，然后点击Next
然后选中工程名，在TARGETS-Build Settings中，将 Mach-O Type 设置为 Static Library 如下图所示
打开 iOSSDK/HBuilder-uniPluginDemo工程目录，双击目录中的HBuilder-uniPlugin.xcodeproj 文件运行插件开发主工程
在 Xcode 项目左侧目录选中主工程名，然后点击右键选择Add Files to “HBuilder-uniPlugin” ...
然后选择您刚刚创建的插件工程路径中，选中插件工程文件，勾选 Create folder references 和 Add to targets 两项，然后点击Add
然后在 Xcode 项目左侧目录选中主工程名，在TARGETS-Build Phases-Dependencies中点击+
在弹窗中选中插件工程，如图所示，然后点击Add，将插件工程添加到Dependencies中
此时可以看到 Dependencies 和 Link Binary With Libraries 都添加了插件工程，如下图所示
扩展原生功能有两种方式：
module：不需要参与页面布局，只需要通过 API 调用原生功能，比如：获取当前定位信息、数据请求等功能，通过扩展module的方式来实现；
component：需要参与页面布局，比如：map、image等需要显示UI的功能，通过扩展component即组件的方法来实现；
新建TestModule类，继承 DCUniModule，引入 DCUniModule.h 头文件。
然后在 TestModule.m 文件中添加实现方法
选中工程中的HBuilder-uniPlugin-Info.plist文件右键-Open As-Source Code找到dcloud_uniplugins节点，copy下面的内容添加到dcloud_uniplugins节点下，按插件的实际信息填写对应的项
在 uni-app 项目中调用 module 方法
生成 uni-app 本地打包资源
首先需要生成本地打包资源，在 HBuilderX 中选您的 uni-app 工程，右键-发现-原生App-本地打→生成本地打包App资源
项目编译完成后会在 HBuilderX 控制台输出资源存路径，点击路径会自动打开资源所在文件夹
接下来，将应用资源导入到插件开发主工程的 HBuilder-Hello/Pandora/apps/ 中，如下图所示，直接拖进去即可
如下图所示，将编译工程选择为插件项目（DCTestUniPlugin），运行设备选择 Generic iOS Device
新建一个 package.json 文件，根据插件实际情况填写插件配置信息
然后以插件id为名新建一个文件夹，将编辑好的 package.json 放进去，然后在文件夹中在新建一个 ios （小写）文件夹，将刚刚生成的依赖库（DCTestUniPlugin.framework）copy 到 ios 根目录，这样我们的插件包就构建完成了，如下图所示
HBuilderX 的 uni-app 项目创建中“nativeplugins”目录（如不存在则创建）将插件配置到uni-app项目下的“nativeplugins”目录
uni-app原生插件本地配置
将原生插件配置到uni-app项目的“nativeplugins”下，还需要在manifest.json文件的“App原生插件配置”项下点击“选择本地插件”，在列表中选择需要打包生效的插件：
uniapp开发微信小程序富文本编辑器（样式仿腾讯文档）
照着腾讯文档小程序开发了微信小程序富文本编辑器组件，这几天做个整理，如有这个需求可以前往腾讯文档小程序操作看看实际效果。毕竟参照的是微信自家小程序，无法做到百分百效果，只能按现有开放api尽可能实现。
项目地址：
uniapp插件市场：
editor富文本编辑器组件官方文档：
否则会受到小程序css影响。小程序本身editor标签有css样式：
editor {
display: block;
position: relative;
box-sizing: border-box;
-webkit-user-select: text;
user-select: text;
outline: 0;
overflow: hidden;
width: 100%;
height: 200px;
min-height: 200px;
}
that.updatePosition(keyboardHeight)
that.editorCtx.scrollIntoView()
在插入目标文字时，将值设为\n'，可以实现换行
this.editorCtx.insertText({ text: '\n' });
参考：请问editor组件控制拉起键盘操作支持吗？
小程序技术专员-sanford 2019-09-20
不支持的。iOS无法通过接口拉起键盘，必须用户点击；安卓则可以。所以，终究是不一致，不行。。
该组件主要为微信editor组件的api调用集成封装，因此受到的限制同文档描述一致，即编辑器内支持部分 HTML 标签和内联样式，不支持class和id，支持的标签详见： 。
不满足的标签会被忽略，div会被转行为p储存。
这也是为什么在做富文本解析时，仅仅用rich-text组件无法有效还原html内容，在解析内容的时候就需要将内容中的HTML标签转换成微信小程序所支持的标签。因此最好方式是引入市场封装好的富文本解析插件去解析html。
所以，开发者需要自行权衡在做富文本编辑开发时，是否使用微信自带的editor组件，或者参考腾讯文档小程序采用webview内嵌网页等方式去渲染。
小程序富文本编辑器editor初体验：( )
如果是微信原生开发，将demo组件中的相关dom元素标签和api换成微信原生即可。
uniapp原生插件开发问题汇总
uniapp原生插件开发与使用
问题1 ： 导入UniPlugin-Hello-AS工程项目后，运行时虚拟器报device support x86 but apk only supports armeabi-v7a
问题2 ：打包uni-app插件时，选择Gradle---插件module---Tasks---build---assembleRelease（双击运行生成module的aar文件）
双击运行assembleRelease时失败：
修改插件module的gradle：除了对sdk的arr包引入不用改为implementation，其他地方的compileOnly都需改为implementation。
成功：
成功获取插件module的aar文件：
备注：官网原生插件开发文档中添加依赖库是所有都用compileOnly，也不知道为什么到导致运行assembleRelease时报错，将compileOnly再改为implementation即可。
uniapp开发小程序插件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于Uniapp 小程序、uniapp开发小程序插件的信息别忘了在本站进行查找喔。
