[FEATURE] align support

[TheCarpetMerchant]

I'm not seeing the align tag in the Supported list, but text-align is, for example. Could it be possible to provide support for align, ie this being centered :

Html(
        data: '<p align="center">Some text</p>',
      ),

[erickok]

This property is deprecated and not (officially) supported in html5. I am not sure if we should therefor support it in our package. On the other hand, we did decide to add support for the similarly deprecated font tag (see #277) so I guess we could?

[TheCarpetMerchant]

Well, there's probably an immense amount of HTML out there that still uses it, so I'd say it makes sense.

[Sub6Resources]

Wouldn't hurt for backwards compatibility. Obviously we must draw the line somewhere when it comes to deprecated items. I'll look into this.

[TheCarpetMerchant]

@Sub6Resources I think it should have to do with usefulness and willingness. In this case, I suppose you already have what's needed to handle alignment ; it would just be a matter to use that what this attribute is present in addition to the other tags/attributes triggering that functionality. I hope so at least :)

[Sub6Resources]

I agree. Shouldn't be too hard using those parameters. Thanks @TheCarpetMerchant

[TheCarpetMerchant]

Following up on this ; At first glance I'm seeing that Style.alignment is a thing. So parsing the align into that (I suppose from the HtmlParser.build method) seems like an easy solution. The question would be : does this override the potentially already-provided alignment (from the custom styles) ? Another solution would be to adapt the style directly : if the css doesn't provide an alignment, create one from the align parameter if it exists before the parsing of css_parser.dart.

[Sub6Resources]

Yes, there are a couple other elements that use the inline attributes for styling purposes. I'm pretty busy and can't promise a quick implementation, but you are more than welcome to submit a pull request!

[Andreigr0]

Used such workaround, seems to be working Version 3.0.0-alpha5

class AppHtmlView extends StatelessWidget {
  final String html;
  final EdgeInsets? margin;
  final TextAlign? textAlign;

  const AppHtmlView({
    super.key,
    required this.html,
    this.margin,
    this.textAlign,
  });

  @override
  Widget build(BuildContext context) {
    TextAlign? textAlign;

    return Html(
      data: html,
      customRenders: {
        (RenderContext c) {
          final el = c.tree.element;
          final isCenterElement = el?.localName == 'center';
          if (isCenterElement) {
            textAlign = TextAlign.center;
            return isCenterElement;
          }

          final style = el?.attributes['style'];
          if (style == null) return false;

          textAlign = null;
          for (final s in style.split(';')) {
            if (!s.startsWith('text-align')) continue;
            textAlign = TextAlign.values
                .firstWhereOrNull((e) => e.name == s.split(':').last.trim());
            break;
          }

          return textAlign != null;
        }: CustomRender.widget(
          widget: (c, _) => SizedBox(
            width: MediaQuery.of(context).size.width,
            child: AppHtmlView(
              html: c.tree.element!.innerHtml,
              textAlign: textAlign,
              margin: EdgeInsets.zero,
            ),
          ),
        ),
      },
      shrinkWrap: true,
      style: {
        '*': Style(
          textAlign: this.textAlign,
          margin: margin,
        ),
      },
    );
  }
}