build method

@override Widget build(BuildContext context, QuillController controller, Embed node, bool readOnly, bool inline, TextStyle textStyle,)

Implementation

@override
Widget build(
  BuildContext context,
  QuillController controller,
  Embed node,
  bool readOnly,
  bool inline,
  TextStyle textStyle,
) {
  assert(kIsWeb, 'ImageEmbedBuilderWeb is only for web platform');

  final (height, width, margin, alignment) = getWebElementAttributes(node);

  var imageSource = node.value.data.toString();

  // This logic make sure if the image is imageBase64 then
  // it make sure if the pattern is like
  // data:image/png;base64, [base64 encoded image string here]
  // if not then it will add the data:image/png;base64, at the first
  if (isImageBase64(imageSource)) {
    // Sometimes the image base 64 for some reasons
    // doesn't displayed with the 'data:image/png;base64'
    if (!(imageSource.startsWith('data:image/') &&
        imageSource.contains('base64'))) {
      imageSource = 'data:image/png;base64, $imageSource';
    }
  }

  ui.PlatformViewRegistry().registerViewFactory(imageSource, (viewId) {
    return html.ImageElement()
      ..src = imageSource
      ..style.height = height
      ..style.width = width
      ..style.margin = margin
      ..style.alignSelf = alignment
      ..attributes['loading'] = 'lazy';
  });

  return ConstrainedBox(
    constraints: configurations.constraints ??
        BoxConstraints.loose(const Size(200, 200)),
    child: HtmlElementView(
      viewType: imageSource,
    ),
  );
}