Mirrored_Repos/AppFlowy
1
0
Fork 0
mirror of https://github.com/AppFlowy-IO/AppFlowy.git synced 2024-08-30 18:12:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: copy checkbox style

Browse Source
This commit is contained in:
Vincent Chan 2022-08-10 11:44:32 +08:00
parent d40a3c33fd
commit a59c809847
1 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/app_flowy/packages/flowy_editor/lib/infra/html_converter.dart
View File

@ -149,8 +149,16 @@ class HTMLConverter {
_handleImage(nodes, image); _handleImage(nodes, image);
return; return;
} }
final testInput = element.querySelector("input");
bool checked = false;
final isCheckbox =
testInput != null && testInput.attributes["type"] == "checkbox";
if (isCheckbox) {
checked = testInput.attributes.containsKey("checked") &&
testInput.attributes["checked"] != "false";
}
var delta = Delta(); final delta = Delta();
for (final child in element.nodes.toList()) { for (final child in element.nodes.toList()) {
if (child is html.Element) { if (child is html.Element) {
@ -161,7 +169,12 @@ class HTMLConverter {
} }
if (delta.operations.isNotEmpty) { if (delta.operations.isNotEmpty) {
nodes.add(TextNode(type: "text", delta: delta, attributes: attributes)); final textNode = TextNode(type: "text", delta: delta);
if (isCheckbox) {
textNode.attributes["subtype"] = StyleKey.checkbox;
textNode.attributes["checkbox"] = checked;
}
nodes.add(textNode);
} }
} }
@ -207,12 +220,16 @@ class HTMLConverter {
} }
} }
html.Element textNodeToHtml(TextNode textNode, {int? end}) { html.Element textNodeToHtml(TextNode textNode, {int? end, bool? checked}) {
String? subType = textNode.attributes["subtype"]; String? subType = textNode.attributes["subtype"];
return deltaToHtml(textNode.delta, subType: subType, end: end); return deltaToHtml(textNode.delta,
subType: subType,
end: end,
checked: textNode.attributes["checkbox"] == true);
} }
html.Element deltaToHtml(Delta delta, {String? subType, int? end}) { html.Element deltaToHtml(Delta delta,
{String? subType, int? end, bool? checked}) {
if (end != null) { if (end != null) {
delta = delta.slice(0, end); delta = delta.slice(0, end);
} }
@ -223,7 +240,11 @@ html.Element deltaToHtml(Delta delta, {String? subType, int? end}) {
if (subType == StyleKey.bulletedList) { if (subType == StyleKey.bulletedList) {
tagName = tagList; tagName = tagList;
} else if (subType == StyleKey.checkbox) { } else if (subType == StyleKey.checkbox) {
childNodes.add(html.Element.html('<input type="checkbox" />')); final node = html.Element.html('<input type="checkbox" />');
if (checked != null && checked) {
node.attributes["checked"] = "true";
}
childNodes.add(node);
} }
for (final op in delta.operations) { for (final op in delta.operations) {