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: strike

Browse Source
This commit is contained in:
Vincent Chan 2022-08-12 15:31:34 +08:00
parent 690ec5cc94
commit 0f404e5527
1 changed files with 41 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -20,6 +20,7 @@ const String tagAnchor = "a";
const String tagItalic = "i"; const String tagItalic = "i";
const String tagBold = "b"; const String tagBold = "b";
const String tagUnderline = "u"; const String tagUnderline = "u";
const String tagDel = "del";
const String tagStrong = "strong"; const String tagStrong = "strong";
const String tagSpan = "span"; const String tagSpan = "span";
const String tagCode = "code"; const String tagCode = "code";
@ -58,7 +59,8 @@ class HTMLToNodesConverter {
child.localName == tagCode || child.localName == tagCode ||
child.localName == tagStrong || child.localName == tagStrong ||
child.localName == tagUnderline || child.localName == tagUnderline ||
child.localName == tagItalic) { child.localName == tagItalic ||
child.localName == tagDel) {
_handleRichTextElement(delta, child); _handleRichTextElement(delta, child);
} else if (child.localName == tagBold) { } else if (child.localName == tagBold) {
// Google docs wraps the the content inside the `<b></b>` tag. // Google docs wraps the the content inside the `<b></b>` tag.
@ -132,7 +134,7 @@ class HTMLToNodesConverter {
if (tuples.length < 2) { if (tuples.length < 2) {
continue; continue;
} }
result[tuples[0]] = tuples[1]; result[tuples[0].trim()] = tuples[1].trim();
} }
return result; return result;
@ -146,11 +148,22 @@ class HTMLToNodesConverter {
final fontWeightStr = cssMap["font-weight"]; final fontWeightStr = cssMap["font-weight"];
if (fontWeightStr != null) { if (fontWeightStr != null) {
if (fontWeightStr == "bold") {
attrs[StyleKey.bold] = true;
} else {
int? weight = int.tryParse(fontWeightStr); int? weight = int.tryParse(fontWeightStr);
if (weight != null && weight > 500) { if (weight != null && weight > 500) {
attrs["bold"] = true; attrs[StyleKey.bold] = true;
} }
} }
}
final textDecorationStr = cssMap["text-decoration"];
if (textDecorationStr == "line-through") {
attrs[StyleKey.strikethrough] = true;
} else if (textDecorationStr == "underline") {
attrs[StyleKey.underline] = true;
}
final backgroundColorStr = cssMap["background-color"]; final backgroundColorStr = cssMap["background-color"];
final backgroundColor = _tryParseCssColorString(backgroundColorStr); final backgroundColor = _tryParseCssColorString(backgroundColorStr);
@ -159,6 +172,10 @@ class HTMLToNodesConverter {
'0x${backgroundColor.value.toRadixString(16)}'; '0x${backgroundColor.value.toRadixString(16)}';
} }
if (cssMap["font-style"] == "italic") {
attrs[StyleKey.italic] = true;
}
return attrs.isEmpty ? null : attrs; return attrs.isEmpty ? null : attrs;
} }
@ -206,11 +223,13 @@ class HTMLToNodesConverter {
} }
delta.insert(element.text, attributes); delta.insert(element.text, attributes);
} else if (element.localName == tagStrong || element.localName == tagBold) { } else if (element.localName == tagStrong || element.localName == tagBold) {
delta.insert(element.text, {"bold": true}); delta.insert(element.text, {StyleKey.bold: true});
} else if (element.localName == tagUnderline) { } else if (element.localName == tagUnderline) {
delta.insert(element.text, {"underline": true}); delta.insert(element.text, {StyleKey.underline: true});
} else if (element.localName == tagItalic) { } else if (element.localName == tagItalic) {
delta.insert(element.text, {"italic": true}); delta.insert(element.text, {StyleKey.italic: true});
} else if (element.localName == tagDel) {
delta.insert(element.text, {StyleKey.strikethrough: true});
} else { } else {
delta.insert(element.text); delta.insert(element.text);
} }
@ -422,6 +441,15 @@ class NodesToHTMLConverter {
if (attributes[StyleKey.bold] == true) { if (attributes[StyleKey.bold] == true) {
cssMap["font-weight"] = "bold"; cssMap["font-weight"] = "bold";
} }
if (attributes[StyleKey.strikethrough] == true) {
cssMap["text-decoration"] = "line-through";
}
if (attributes[StyleKey.underline] == true) {
cssMap["text-decoration"] = "underline";
}
if (attributes[StyleKey.italic] == true) {
cssMap["font-style"] = "italic";
}
return _cssMapToCssStyle(cssMap); return _cssMapToCssStyle(cssMap);
} }
@ -472,6 +500,11 @@ class NodesToHTMLConverter {
final strong = html.Element.tag(tagItalic); final strong = html.Element.tag(tagItalic);
strong.append(html.Text(op.content)); strong.append(html.Text(op.content));
childNodes.add(strong); childNodes.add(strong);
} else if (attributes.length == 1 &&
attributes[StyleKey.strikethrough] == true) {
final strong = html.Element.tag(tagDel);
strong.append(html.Text(op.content));
childNodes.add(strong);
} else { } else {
final span = html.Element.tag(tagSpan); final span = html.Element.tag(tagSpan);
final cssString = _attributesToCssStyle(attributes); final cssString = _attributesToCssStyle(attributes);