android文章编辑器demo,Android 富文本编辑器RichEdit,完整demo

Android富文本编辑器,完整实现的demo

序言:

刚学Android不久,之前看到了一个老师的视频,讲的就是关于做一个文本编辑器,但是实际上,我基本只是看了视频的标题,然后感觉自己可以尝试做一个自己的文本编辑器,然后就开始着手了,然后就是一边写着这个项目,一边看着《Android第一行代码》,然后的然后,看着看着,就想把书中的一些功能给实现一下。所以也就添加了一些实际鸡肋,看上去貌似挺华丽的功能。花里胡哨的部分,可能并不是您来这里的本意。好吧,作者菌在这里,向正在阅览本文的您表示歉意。

PS:

这里没有贴上任何代码和代码分析内容。如果有人致信,作者菌也会很乐意和荣幸为您解疑答惑。或者有时间,也可以在本文中补上部分代码的分析。

项目部分截图

1,第一次启动

2,首页,收藏,关于我们三个页面初始鉴赏

4e7372fdeb2682b0d6e223866d033760.png

3,编辑操作,点击右上角的添加,进入编辑界面

b7b4511baae262133ce0c85ed3529442.png

4 下面看一些额外小功能,横向拖动列表项目

aff0001adbd7c0a3b9aacfc299ca810b.png

5,长按列表项目

f1f433293a7500db1226ca24679d85f3.png

6 抽屉功能

功能展示大概就这么多把。感激阅读。

项目地址:

https://github.com/547291213/RichEdit

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个Vue demo,演示如何使用tinymce编辑器的`images_upload_handler`选项来上传图片并进行处理: ```vue <template> <div> <textarea ref="myTextarea"></textarea> </div> </template> <script> import tinymce from 'tinymce/tinymce' import 'tinymce/themes/silver/theme' import 'tinymce/plugins/image' export default { name: 'RichTextEditor', mounted() { const self = this tinymce.init({ selector: 'textarea', plugins: ['image'], images_upload_handler: function (blobInfo, success, failure) { self.uploadImage(blobInfo.blob(), success, failure) } }) }, methods: { uploadImage(file, success, failure) { // 在这里编写上传图片的代码 // 成功时调用success方法并传入图片的url // 失败时调用failure方法并传入错误信息 } } } </script> ``` 在这个示例中,我们使用了Vue和tinymce来创建一个富文本编辑器。在`mounted`方法中初始化了tinymce,并将`images_upload_handler`选项设置为一个函数,该函数会在上传图片时被调用。 在`images_upload_handler`函数中,我们调用了`uploadImage`方法,并将blob对象、成功回调函数和失败回调函数作为参数传递给它。在`uploadImage`方法中,我们可以编写自己的上传图片的代码,处理图片并返回图片的url。 请注意,`images_upload_handler`选项只适用于tinymce 5及以上版本。如果您使用的是较早的版本,您需要使用`file_picker_callback`选项来自定义文件选择器并上传图片。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值