做视频网站需要流媒体吗,版式设计1000例,wordpress 后台登陆,wordpress移除头部无用RichEditor基于原生EditTextspan实现的Android富文本编辑器github地址#xff1a;https://github.com/yuruiyin/RichEditor组件描述该组件是基于原生EditTextspan的方式实现的#xff0c;旨在提供一个功能齐全且使用方便的Android富文本编辑器。主要支持了加粗斜体等行内样式…RichEditor基于原生EditTextspan实现的Android富文本编辑器github地址https://github.com/yuruiyin/RichEditor组件描述该组件是基于原生EditTextspan的方式实现的旨在提供一个功能齐全且使用方便的Android富文本编辑器。主要支持了加粗斜体等行内样式、标题引用等段内样式以及插入图片视频甚至自定义View等。功能演示Video_20190521_122847_513.gif功能列表支持加粗、斜体、删除线、下划线行内样式支持插入标题、引用段内样式支持插入段落图片、视频支持插入段落自定义布局支持视频、gif和长图标记支持图片圆角undo redo[TODO] 支持行内ImageSpan如类似微博xxx#话题名#[TODO] 支持清除样式[TODO] 编辑器内部复制粘贴ImageSpan(任意以ImageSpan方式插入的的类型如图片、视频、自定义view等)如何使用gradleStep 1. Add the JitPack repository in your root build.gradle at the end of repositories:allprojects {repositories {...maven { url https://jitpack.io }}}Step 2. Add the dependency in your app build.gradle:dependencies {implementation com.github.yuruiyin:RichEditor:0.1.0}参数定义自定义属性名字参数定义editor_show_video_mark是否显示视频标识图标editor_video_mark_resource_id视频图标资源ideditor_show_gif_mark是否显示gif标识图标editor_show_long_image_mark是否显示长图标识editor_image_radius图片和视频圆角大小editor_headline_text_size标题字体大小代码演示说明各个样式按钮的layout由调用方自行完成1) 首先在xml中引用RichEditTextandroid:idid/richEditTextandroid:layout_widthmatch_parentandroid:layout_heightwrap_contentandroid:layout_marginTop20dpandroid:background#ffffffandroid:gravitytop|leftandroid:hint请输入...android:inputTypetextMultiLineandroid:lineSpacingExtra5dpandroid:maxLength20000android:minHeight350dpandroid:paddingBottom70dpandroid:paddingLeft15dpandroid:paddingRight15dpandroid:paddingTop23dpandroid:textColor#171717android:textColorHint#aaaaaaandroid:textCursorDrawablenullandroid:textSize16dpapp:editor_video_mark_resource_idmipmap/editor_video_mark_iconapp:editor_image_radius3dpapp:editor_show_gif_marktrueapp:editor_show_video_marktrueapp:editor_show_long_image_marktrue/2) 针对加粗、斜体、标题等需要修改图标样式的按钮(不包括插入图片按钮)如加粗处理如下// 加粗richEditText.initStyleButton(StyleBtnVm(RichTypeEnum.BOLD,ivBold,R.mipmap.icon_bold_normal,R.mipmap.icon_bold_light))说明其中ivBold为加粗ImageView由调用方在layout中定义R.mipmap.icon_bold_normal和R.mipmap.icon_bold_light是加粗按钮正常状态和点亮状态图片的资源id。3)插入图片或视频/*** 处理插入图片*/private fun handleAddImage() {val intent Intent(Intent.ACTION_PICK, android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI)startActivityForResult(intent, GET_PHOTO_REQUEST_CODE)}private fun doAddBlockImageSpan(realImagePath: String, blockImageSpanObtainObject: IBlockImageSpanObtainObject, isFromDraft: Boolean false) {// val blockImageSpanVm BlockImageSpanVm(this, imageVm) // 不指定宽高使用组件默认宽高val blockImageSpanVm BlockImageSpanVm(blockImageSpanObtainObject, imageWidth, imageMaxHeight) // 指定宽高blockImageSpanVm.isFromDraft isFromDraftrichEditText.insertBlockImage(realImagePath, blockImageSpanVm) { blockImageSpan -val spanObtainObject blockImageSpan.blockImageSpanVm.spanObjectwhen (spanObtainObject) {is ImageVm - {Toast.makeText(this, 短按了图片-当前图片路径${spanObtainObject.path}, Toast.LENGTH_SHORT).show()}is VideoVm - {Toast.makeText(this, 短按了视频-当前视频路径${spanObtainObject.path}, Toast.LENGTH_SHORT).show()}}}}override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {super.onActivityResult(requestCode, resultCode, data)if (requestCode GET_PHOTO_REQUEST_CODE resultCode RESULT_OK data ! null) {// 相册图片返回val selectedImageUri data.data ?: returnval realImagePath FileUtil.getFileRealPath(this, selectedImageUri) ?: returnval fileType FileUtil.getFileType(realImagePath) ?: returnwhen (fileType) {FileTypeEnum.STATIC_IMAGE, FileTypeEnum.GIF - {val imageVm ImageVm(realImagePath, 2)doAddBlockImageSpan(realImagePath, imageVm)}FileTypeEnum.VIDEO - {// 插入视频封面val videoVm VideoVm(realImagePath, 3)doAddBlockImageSpan(realImagePath, videoVm)}}}}4) 插入自定义布局/*** 插入游戏*/private fun handleAddGame() {val gameVm GameVm(1, 一起来捉妖)doAddGame(gameVm)}private fun doAddGame(gameVm: GameVm, isFromDraft: Boolean false) {val gameItemView layoutInflater.inflate(R.layout.editor_game_item, null)val ivGameIcon gameItemView.findViewById(R.id.ivGameIcon)val tvGameName gameItemView.findViewById(R.id.tvGameName)ivGameIcon.setImageResource(R.mipmap.icon_game_zhuoyao)tvGameName.text gameVm.nameivGameIcon.layoutParams.width gameIconSizeivGameIcon.layoutParams.height gameIconSizeval gameItemWidth getEditTextWidthWithoutPadding()ViewUtil.layoutView(gameItemView, gameItemWidth, gameItemHeight)val blockImageSpanVm BlockImageSpanVm(gameVm, gameItemWidth, imageMaxHeight)blockImageSpanVm.isFromDraft isFromDraftrichEditText.insertBlockImage(ViewUtil.getBitmap(gameItemView), blockImageSpanVm) { blockImageSpan -val retGameVm blockImageSpan.blockImageSpanVm.spanObject as GameVm// 点击游戏itemToast.makeText(this, 短按了游戏${retGameVm.name}, Toast.LENGTH_SHORT).show()}}说明插入自定义布局最终也是通过bitmap以ImageSpan的形式插入到编辑器中的。5)获取数据// 返回的编辑器实体是一个listlist中每个元素代表一个段落block具体block参数可以参考RichEditorBlock,// 但是若需要保存草稿功能则需要对该list进行转换成自己的实体否则List序列化后反序列化会丢失数据,可以参考demoval conntent: List richEditText.content具体使用请参考demo相关引用最后
