第一步:选择小程序模版登陆上线了账号,选择“文章”分类,进入模版选择页面。
鼠标移入模版可以浏览概述、扫描二维码预览小程序。点击“选择该模版”即可进入编辑器。
请点击输入图片描述
第二步:撰写文章
进入编辑器后,点击“撰写新博文”。
可添加博客标题、副标题、分类,正文部分可插入标题、文本、图片、引用和分割线,并且可对博客背景进行设置。
撰写完成后点击“上线”或者直接退出均可。
添加完毕后,可随时“进入预览模式“或在手机上查看小程序(最终效果以上线后的小程序为准)。
请点击输入图片描述
请点击输入图片描述
请点击输入图片描述
第三步:设置基本信息
请填写基本信息,如:名称、图标、关于我们以及官方网站,点击“保存”。
请点击输入图片描述
第四步:设置风格
在“设置风格”里,你可以为小程序更换主题色。
请点击输入图片描述
第五步:设置文章分类
点击“添加博客分类”,方便读者快速获取相关主题内容。
请点击输入图片描述
最后一步:发布小程序
首次发布小程序将需要授权微信小程序账号。
注册完小程序账号后,点击“我已有账号,前往授权”,使用微信小程序账号(请特别注意不是公众号!)的管理员扫码。
点击对应的微信小程序(请特别注意不是公众号!)完成授权。
请点击输入图片描述
请点击输入图片描述
照着腾讯文档小程序开发了微信小程序富文本编辑器组件,这几天做个整理,如有这个需求可以前往腾讯文档小程序 *** 作看看实际效果。毕竟参照的是微信自家小程序,无法做到百分百效果,只能按现有开放api尽可能实现。
项目地址:
https://github.com/chellel/wechat-editor-project
uniapp插件市场:
https://ext.dcloud.net.cn/plugin?id=6365
editor富文本编辑器组件官方文档:
https://developers.weixin.qq.com/miniprogram/dev/component/editor.html
否则会受到小程序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组件控制拉起键盘 *** 作支持吗?
https://developers.weixin.qq.com/community/develop/doc/0006eeb6ae8cf0e7f3293e13f56400?highLine=editor%25E6%2598%25BE%25E7%25A4%25BA%25E9%2594%25AE%25E7%259B%2598
小程序技术专员-sanford 2019-09-20
不支持的。iOS无法通过接口拉起键盘,必须用户点击;安卓则可以。所以,终究是不一致,不行。。
该组件主要为微信editor组件的api调用集成封装,因此受到的限制同文档描述一致,即编辑器内支持部分 HTML 标签和内联样式,不支持class和id,支持的标签详见: https://developers.weixin.qq.com/miniprogram/dev/component/editor.html 。
不满足的标签会被忽略,<div>会被转行为<p>储存。
这也是为什么在做富文本解析时,仅仅用rich-text组件无法有效还原html内容,在解析内容的时候就需要将内容中的HTML标签转换成微信小程序所支持的标签。因此最好方式是引入市场封装好的富文本解析插件去解析html。
所以,开发者需要自行权衡在做富文本编辑开发时,是否使用微信自带的editor组件,或者参考腾讯文档小程序采用webview内嵌网页等方式去渲染。
小程序富文本编辑器editor初体验:( https://www.jianshu.com/p/a932639ba7a6 )
如果是微信原生开发,将demo组件中的相关dom元素标签和api换成微信原生即可。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)