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

[li3317]

Hello @luscuissiatto , we've implemented the check box attribute for lists here : 170f3c6, feel free to check the commit and test it out! Thanks!

[singerdmx]

@li3317 I think you forgot to include change for editor.dart

[li3317]

Yes thanks for reminding, here's the commit : dfdd1b7 , thanks!

[singerdmx]

@luscuissiatto @li3317 check out 1913136

[singerdmx]

Closing.
@luscuissiatto this feature is implemented as of version 0.2.0

[luscuissiatto]

@singerdmx thank you so much

[EgorK0rshun]

if it's possible to use your own symbols for lists? For example, squares. Right now the implementation is only for lists with bullets, numbers and checkboxes.
there is only one validation in text_block.dart with the inability to return widgets depending on the attribute value
@singerdmx , sorry for the tag, but can customization of the sheets be supported?