Conversations improvement

[kurwjan]

Teil von bessere UI/UX (#40)

• Kleinere Änderungen wie Padding oder so.
• Textformatierung support (Text Formatierung #75)

Textformatierung

Ich benutze marked, um den Lanis-Syntax zu Markdown-Syntax umzuwandeln. Dann benutze ich styled_text um Widgets mit dem Text zu erstellen. Ist es ist ineffizient? Ja, aber glaube es ist unnötig einen eigenen Parser zu machen mit RegEx oder mit einer String/Char for loop.

[kurwjan]

String convertLanisSyntax(String lanisStyledText) {
    final markdown = Markdown.map(
      {
        "**": (text, match) => "<bold>$text</bold>",
        "__": (text, match) => "<underline>$text</underline>",
        "~~": (text, match) => "<italic>$text</italic>",
        "--": (text, match) => "<remove>$text</remove>",
        r"regexp: - .(.*)": (text, match) => "<bullet>$text</bullet>", //wird schon gemacht
        "`": (text, match) => "<code>$text</code>",
        r"regexp: _(\d) ": (text, match) => "<superscript>$text</superscript>",
        r"regexp: _\((\d*)\)": (text, match) => "<superscript>$text</superscript>",
        r"regexp: \^(\d) ": (text, match) => "<subscript>$text</subscript>",
        r"regexp: \^\((\d*)\)": (text, match) => "<subscript>$text</subscript>",
      }
    );

    print(markdown.apply(lanisStyledText));

    return markdown.apply(lanisStyledText);
  }

[kurwjan]

Das sollte eigentlich easy sein mit StyledText. Für links und so weiß ich nicht wie ich es genau mache, aber ich glaube mit Linkify suche ich links und emails heraus und tuhe sie in einen tag rein.

[kurwjan]

Vorher:

Nacher:

[alessioC42]

sieht sick aus!

[alessioC42]

Ich kann es nicht wirklich testen...
Aber da das Text-Styling nicht nur in Conversations verwendet wird, wäre es meiner Meinung nach besser, ein eigenes Widget in Shared zu machen. So könnte man es leichter wiederverwenden. Vor allem für eventuelle zukünftige Applets und Mein Unterricht.

[kurwjan]

Hab gemacht