Skip to content

New Update math_equation_block_component.dart #8280

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Aathish101 wants to merge 1 commit into from
Closed

New Update math_equation_block_component.dart #8280

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
73 changes: 45 additions & 28 deletions ...ins/document/presentation/editor_plugins/math_equation/math_equation_block_component.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,18 +14,14 @@ import 'package:flutter/services.dart';
import 'package:flutter_math_fork/flutter_math.dart';
import 'package:provider/provider.dart';
import 'package:universal_platform/universal_platform.dart';

class MathEquationBlockKeys {
const MathEquationBlockKeys._();

static const String type = 'math_equation';

/// The content of a math equation block.
///
/// The value is a String.
static const String formula = 'formula';
}

Node mathEquationNode({
String formula = '',
}) {
Expand All @@ -37,7 +33,6 @@ Node mathEquationNode({
attributes: attributes,
);
}

// defining the callout block menu item for selection
SelectionMenuItem mathEquationItem = SelectionMenuItem.node(
getName: LocaleKeys.document_plugins_mathEquation_name.tr,
Expand All @@ -61,12 +56,10 @@ SelectionMenuItem mathEquationItem = SelectionMenuItem.node(
return null;
},
);

class MathEquationBlockComponentBuilder extends BlockComponentBuilder {
MathEquationBlockComponentBuilder({
super.configuration,
});

@override
BlockComponentWidget build(BlockComponentContext blockComponentContext) {
final node = blockComponentContext.node;
Expand All @@ -85,13 +78,11 @@ class MathEquationBlockComponentBuilder extends BlockComponentBuilder {
),
);
}

@override
BlockComponentValidate get validate => (node) =>
node.children.isEmpty &&
node.attributes[MathEquationBlockKeys.formula] is String;
}

class MathEquationBlockComponentWidget extends BlockComponentStatefulWidget {
const MathEquationBlockComponentWidget({
super.key,
Expand All @@ -101,35 +92,27 @@ class MathEquationBlockComponentWidget extends BlockComponentStatefulWidget {
super.actionTrailingBuilder,
super.configuration = const BlockComponentConfiguration(),
});

@override
State<MathEquationBlockComponentWidget> createState() =>
MathEquationBlockComponentWidgetState();
}

class MathEquationBlockComponentWidgetState
extends State<MathEquationBlockComponentWidget>
with BlockComponentConfigurable {
@override
BlockComponentConfiguration get configuration => widget.configuration;

@override
Node get node => widget.node;

String get formula =>
widget.node.attributes[MathEquationBlockKeys.formula] as String;

late final editorState = context.read<EditorState>();
final ValueNotifier<bool> isHover = ValueNotifier(false);

late final controller = TextEditingController(text: formula);

@override
void dispose() {
controller.dispose();
super.dispose();
}

@override
Widget build(BuildContext context) {
return InkWell(
Expand All @@ -139,8 +122,40 @@ class MathEquationBlockComponentWidgetState
);
}

String safeLatex(String raw) {
if (raw.contains(r'\\') && !raw.contains(r'\begin{')) {
final lines = raw.split(r'\\');
final processedLines = lines.map((line) {
final trimmed = line.trim();
return trimmed.isEmpty ? '' : '& $trimmed';
}).toList();

return r'\begin{aligned}' +
processedLines.join(r' \\') +
r'\end{aligned}';
}
return raw;
}

Widget _build(BuildContext context) {
Widget child = Container(







Expand Down





Expand Up

@@ -222,9 +237,10 @@ class MathEquationBlockComponentWidgetState
Copy link
Collaborator

@LucasXu0 LucasXu0 Oct 10, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please verify the code before submitting a PR.


constraints: const BoxConstraints(minHeight: 52),
decoration: BoxDecoration(
color: formula.isNotEmpty
Expand All @@ -157,7 +172,6 @@ class MathEquationBlockComponentWidgetState
: _buildMathEquation(context),
),
);

if (widget.showActions && widget.actionBuilder != null) {
child = BlockComponentActionWrapper(
node: node,
Expand All @@ -166,20 +180,17 @@ class MathEquationBlockComponentWidgetState
child: child,
);
}

if (UniversalPlatform.isMobile) {
child = MobileBlockActionButtons(
node: node,
editorState: editorState,
child: child,
);
}

child = Padding(
padding: padding,
child: child,
);

if (UniversalPlatform.isDesktopOrWeb) {
child = Stack(
children: [
Expand All @@ -196,10 +207,8 @@ class MathEquationBlockComponentWidgetState
],
);
}

return child;
}

Widget _buildPlaceholderWidget(BuildContext context) {
return SizedBox(
height: 52,
Expand All @@ -222,14 +231,25 @@ class MathEquationBlockComponentWidgetState
}

Widget _buildMathEquation(BuildContext context) {

return Center(
child: Math.tex(
formula,
safeLatex(formula),
textStyle: const TextStyle(fontSize: 20),
),
);
}







Expand Down



}
Widget _buildDeleteButton(BuildContext context) {
return MenuBlockButton(
tooltip: LocaleKeys.button_delete.tr(),
Expand All @@ -240,7 +260,6 @@ class MathEquationBlockComponentWidgetState
},
);
}

void showEditingDialog() {
showDialog(
context: context,
Expand Down Expand Up @@ -290,7 +309,6 @@ class MathEquationBlockComponentWidgetState
},
);
}

void updateMathEquation(String mathEquation, BuildContext context) {
if (mathEquation == formula) {
dismiss(context);
Expand All @@ -306,7 +324,6 @@ class MathEquationBlockComponentWidgetState
editorState.apply(transaction);
dismiss(context);
}

void dismiss(BuildContext context) {
Navigator.of(context).pop();
}
Expand Down