Create the attributeBuilder method

[luscuissiatto]

Is it possible to create an attributeBuilder method that works just like embedBuilder? I have the code below, but I can't customize the view

{ "attributes": { "list": "checked" }, "insert": "\n" }, { "attributes": { "list": "unchecked" }, "insert": "\n" }

[singerdmx]

We are trying to understand what you mean.
A little more clarification would be nice.
Also a pull request will be even better :)

[li3317]

Could you provide an example on what type of customization? Thank you!

[singerdmx]

If attributeBuilder is provided, how do you plan to use it?

[luscuissiatto]

Sorry, I'll try to explain it better. I have three types of lists in quill web (ordered, bookmark, check):

Flutter-quill generates this:

To generate a checklist, attributeBuilder would work like this:

Does that make sense?

[singerdmx]

quill web has built-in checked ?
Could you provide delta string for this example?

[singerdmx]

You are trying to provide custom leading. See code above

[singerdmx]

Widget _buildLeading(BuildContext context, Line line, int index,
      Map<int, int> indentLevelCounts, int count) {
    DefaultStyles defaultStyles = QuillStyles.getStyles(context, false);
    Map<String, Attribute> attrs = line.style.attributes;
    if (attrs[Attribute.list.key] == Attribute.ol) {
      return _NumberPoint(
        index: index,
        indentLevelCounts: indentLevelCounts,
        count: count,
        style: defaultStyles.paragraph.style,
        attrs: attrs,
        width: 32.0,
        padding: 8.0,
      );
    }

    if (attrs[Attribute.list.key] == Attribute.ul) {
      return _BulletPoint(
        style:
            defaultStyles.paragraph.style.copyWith(fontWeight: FontWeight.bold),
        width: 32,
      );
    }
    if (attrs.containsKey(Attribute.codeBlock.key)) {
      return _NumberPoint(
        index: index,
        indentLevelCounts: indentLevelCounts,
        count: count,
        style: defaultStyles.code.style
            .copyWith(color: defaultStyles.code.style.color.withOpacity(0.4)),
        width: 32.0,
        attrs: attrs,
        padding: 16.0,
        withDot: false,
      );
    }
    return null;
  }

Currently we only support _NumberPoint and _BulletPoint

[luscuissiatto]

Yes, it's a custom leading.

In Quill web version 1.3.7 there are three types of lists:

Generating the delta code:
[ { "attributes": { "list": "ordered" }, "insert": "\n" }, { "insert": "Ordered list item" }, { "attributes": { "list": "bullet" }, "insert": "\n" }, { "insert": "Bullet list item" }, { "attributes": { "list": "unchecked" }, "insert": "\n" }, { "insert": "Checklist item" }, { "attributes": { "list": "checked" }, "insert": "\n" }, { "insert": "Checklist item" }, ]

[singerdmx]

Ok, if check is in official delta string, we can support that.
We will make changes or you can create pull request to modify lib/widgets/text_block.dart if you cannot wait

[luscuissiatto]

thanks, i will send a pull request

[singerdmx]

Let's break it into two changes.
Make the toolbar change another commit (we can implement the toolbar change ourselves).

[singerdmx]

Also please add the json string in https://github.com/singerdmx/flutter-quill/blob/master/app/assets/sample_data.json
for the check attribute

[singerdmx]

Something like below:
"{"ops":[{"insert":"this is a check list"},{"attributes":{"list":"checked"},"insert":"\n"},{"insert":"this is a uncheck list"},{"attributes":{"list":"unchecked"},"insert":"\n"}]}"

[li3317]

Hello @luscuissiatto ! I added an attribute for check-in lib/models/documents/attribute.dart, we're also working on implementing the corresponding button in toolbar. We're happy to help implement the feature as some details such as on tap to check or uncheck may be a little tricky. Thank you!

[li3317]

Here is where the attribute is added : 4e61982