android 上下滚动文字_android高仿今日头条富文本编辑(发布文章)

前言

在经历了几个月的项目期限。我们遇到了前端发布文章，要用到富文本编辑的功能。在一番衡量下最终用到了[richeditor-android](https://github.com/wasabeef/richeditor-android)第三方框架。实现原理就是通过webView和js实现前端富文本。有想了解的可以点开上面链接，研究研究。虽然richeditor-android已经帮我们实现了大部分核心内容，但是很多细节它都没有完善，这也是为什么他的issues达到170多的原因。也不知道它有没有停更。接下来是作者踩了N多坑之后，把功能基本补全。可以说是高仿“今日头条富文本编辑”。

1先来看看都实现了补全了哪些功能

(这里不会重复richeditor-android原有功能，只会详细讲解补全的细节功能)

1.1、在没有焦点时，主动获取焦点并弹出软键盘

修改后： 在第一打开富文本编辑时，点击加粗，下划线或上传图片时，主动获取焦点并弹出软键盘。

1.2、在光标主动回到某处，下方tab选中当前的样式，同理撤销和回退

修改后：在光标变化，撤销回退，或者主动点删除时，下方tab会根据当前样式选中要选中的样式

1.3、上传图片，自动换行，且自动滚动到底部。且充满屏幕

修改后： 选中图片后，插入图片自动换行，自动滚动到底部，弹出软键盘。(图片充满屏幕)

1.4、点击图片，可编辑图片(剪裁)，或删除图片

修改后：点击图片增加了删除和编辑功能，编辑剪裁图片也是模仿头条的。(注：这里的图片选择和图片剪裁是其他第三方，后续给上链接，作者修改后增加了比例切换的动画，且适配了全面屏和处理了虚拟键)

1.5、根据头条的排版样式，修改了文字，图片还有序号的排版样式

修改后：原样式，比较不理想。在看了头条的排版样式后，修改了css样式。尽量模仿出头条的感觉

1.6、选中文字后，在不点击屏幕前，选中文字都不变。高度模仿头条

修改后：之前点击1下或者2下加粗时，选中文字会取消。现在不是主动点击屏幕，选中文字不会取消

1.7、在作者在实现这块功能时，还遇到了缺少ssl证书，图片没法显示出来。还加了忽略ssl证书

在华为和小米都有出现过。出现的时候，我用头条app去上传图片也是遇到上传图片失败。过一会，手机又正常了。反正加上忽略ssl是一定可以成功的。

2现在让我们一起看看发布文章重新编辑的功能吧

3总结

文中用到的图片选择框架，建议用demo的，是作者适配全面屏修改过的；原框架地址：https://github.com/jeasonlzy/ImagePicker
文章用到的剪裁框架，建议用demo的，是作者适配全面屏修改过的；原框架地址：https://github.com/Yalantis/uCrop
请注意：文中用到本地路径的图片，如果是网图，则可直接替换成网图即可
最终生成的是html,可在前端各个端展示
android高仿今日头条富文本编辑，发布文章；本文demo，github地址： https://github.com/lihangleo2/RichEditTextCopyToutiao

android 上下滚动文字_android高仿今日头条富文本编辑(发布文章)相关推荐

android如何展示富文本_android高仿今日头条富文本编辑(发布文章)
前言: 在经历了几个月的项目期限.我们遇到了前端发布文章,要用到富文本编辑的功能.在一番衡量下最终用到了richeditor-android第三方框架.实现原理就是通过webView和js实现前端富文 ...
android 仿写开发者头条,android高仿今日头条富文本编辑(发布文章)
前言: 在经历了几个月的项目期限.我们遇到了前端发布文章,要用到富文本编辑的功能.在一番衡量下最终用到了richeditor-android第三方框架.实现原理就是通过webView和js实现前端富文 ...
686Spring Boot+Mybatis+thymeleaf开发的高仿今日头条新闻网站新闻发布系统
项目描述: 仿照今日头条的WEB端toutiao.com做的一个Java web项目.使用SpringBoot+Mybatis+thymeleaf开发. 前端使用bootstrap.html5.css ...
3分钟学会 “今日头条” 富文本编辑
码个蛋(codeegg) 第 1098 次推文作者:岩浆李的游鱼leo2 博客:https://juejin.im/post/6874875969292173320 前言:在经历了几个月的项目期限. ...
android 今日头条加载动画,高仿今日头条加载动画
01 每每浏览手机app时,发现有的效果体验不错,作为一位程序员,总想要是自己来做,怎么实现. 今天我们来模仿今日头条的加载动画. 首先我们来看一下我们这个demo最终效果,有图有真相. 高仿今日头条 ...
IOS每日精选源码，边缘识别导航条管理高仿今日头条语音查询汇率源码
CIDetector边缘识别超级简单的导航条管理工具EasyNavigation navigationbar 高仿今日头条频道选择弹框 iOS一个比较实用的侧边栏管理器联动tableView,菜单 ...
android高仿今日头条 --新闻阅读器
摘要: 开发流程第一篇:(android高仿系列)今日头条 --新闻阅读器 (一) 涉及到的知识点有 1.slidingmenu.lib (侧拉菜单包) 使用方法配置以及下载:点击这里实 ...
android高仿今日头条小视频转场切换效果
可以先看看今日头条效果功能分析点击列表上的一个item,该item会放大,最后直接全屏播放小视频,刚开始看上去,以为是个共享元素的转场动画, 后来想到,共享元素要在android 5.0以上支持, ...
android高仿今日头条,高仿今日头条App
采用了MVVM + RAC的方式,对微头条界面使用YYCache 进行了本地缓存效果跟目前最新的今日头条有些地方不一样,因为今日头条最近更新了新版本下面对项目中的一些效果和实现思路做下介绍如果 ...

android 上下滚动文字_android高仿今日头条富文本编辑(发布文章)

android 上下滚动文字_android高仿今日头条富文本编辑(发布文章)相关推荐

最新文章

热门文章