• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

rich_edit: flutter 富文本编辑器

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

rich_edit

开源软件地址:

https://gitee.com/showyyj/rich_edit

开源软件介绍:

Pub

rich_edit

flutter 富文本编辑器 支持图文、视频混排。

Getting Started

首先需要继承实现RichEditController。简单使用可直接用下面的例子。

  chewie: 0.9.10  video_player: 0.10.11  image_picker: 0.6.7
import 'package:chewie/chewie.dart';import 'package:flutter/material.dart';import 'package:image_picker/image_picker.dart';import 'package:rich_edit/rich_edit.dart';import 'package:video_player/video_player.dart';class SimpleRichEditController extends RichEditController {  Map<String, ChewieController> controllers = Map();  //添加视频方法  @override  Future<String> addVideo() async {    var pickedFile = await ImagePicker().getVideo(source: ImageSource.gallery);    if (pickedFile != null) {      //模拟上传后返回的路径      return "http://static.fanghnet.com/uploads/szx/uploads/2020/06/353f2c48ce164e368cc040c4fb425331.mp4";    }    return null;  }  //添加图片方法  @override  Future<String> addImage() async {    var pickedFile = await ImagePicker().getImage(source: ImageSource.gallery);    if (pickedFile != null) {      //模拟上传后返回的路径      return "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1592205365009&di=fcc201c596fc6681fe7812aa7fea4b23&imgtype=0&src=http://a3.att.hudong.com/14/75/01300000164186121366756803686.jpg";    }    return null;  }  //生成视频view方法  @override  Widget generateVideoView(RichEditData data) {    if (!controllers.containsKey(data.data)) {      var controller = ChewieController(        videoPlayerController: VideoPlayerController.network(data.data),        autoPlay: false,        autoInitialize: true,        aspectRatio: 16 / 9,        looping: false,        showControls: true,        // 占位图        placeholder: new Container(          color: Colors.grey,        ),      );      controllers[data.data] = controller;    }    var video = Chewie(      controller: controllers[data.data],    );    return video;  } //生成图片view方法  @override  Widget generateImageView(RichEditData data) =>      Image.network(data.data, height: 200, width: 300);}

使用

RichEdit(SimpleRichEditController());

SimpleRichEditController 方法

方法名作用
generateHtml()将内容转换为html
generateTextHtml()生成的文本html,可使用 override 自定义生成模版
generateImageHtml()生成的图片html
generateVideoHtml()生成的视频html
getDataList()获取内容数据集

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap