flutter/GitJournal
1
0
Fork 0
mirror of https://github.com/GitJournal/GitJournal.git synced 2025-07-01 04:07:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

Give MarkdownToolBar to TextEditingController

Browse Source 
Instead of handling every single callback.
This commit is contained in:
Vishesh Handa
2020-08-13 00:12:25 +02:00
parent a6ebcdfda6
commit c7a956c5bf
2 changed files with 97 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
lib/editors/markdown_editor.dart
View File

@ -14,6 +14,7 @@ import 'package:gitjournal/error_reporting.dart';
import 'package:gitjournal/settings.dart';
import 'package:gitjournal/utils/logger.dart';
import 'package:gitjournal/widgets/editor_scroll_view.dart';
import 'package:gitjournal/widgets/markdown_toolbar.dart';
import 'package:gitjournal/widgets/note_viewer.dart';
class MarkdownEditor extends StatefulWidget implements Editor {
@ -139,9 +140,7 @@ class MarkdownEditorState extends State<MarkdownEditor>
children: <Widget>[
Expanded(child: editor),
MarkdownToolBar(
onHeader1: () => _modifyCurrentLine('# '),
onItallics: () => _modifyCurrentWord('*'),
onBold: () => _modifyCurrentWord('**'),
textController: _textController,
),
],
mainAxisSize: MainAxisSize.min,
@ -246,126 +245,4 @@ class MarkdownEditorState extends State<MarkdownEditor>
@override
bool get noteModified => _noteModified;
void _modifyCurrentLine(String char) {
var selection = _textController.value.selection;
var text = _textController.value.text;
print('Base offset: ${selection.baseOffset}');
print('Extent offset: ${selection.extentOffset}');
var cursorPos = selection.baseOffset;
if (cursorPos == -1) {
cursorPos = 0;
}
print('CursorPos: $cursorPos');
var lineStartPos =
text.lastIndexOf('\n', cursorPos == 0 ? 0 : cursorPos - 1);
if (lineStartPos == -1) {
lineStartPos = 0;
}
var lineEndPos = text.indexOf('\n', cursorPos);
if (lineEndPos == -1) {
lineEndPos = text.length;
}
print('Line Start: $lineStartPos');
print('Line End: $lineEndPos');
print('Line: ${text.substring(lineStartPos, lineEndPos)}');
// Check if already present
if (text.startsWith(char, lineStartPos)) {
print('Removing `$char`');
_textController.text = text.replaceFirst(char, '', lineStartPos);
_textController.selection =
TextSelection.collapsed(offset: cursorPos - char.length);
return;
}
print('Adding `$char`');
_textController.text = text.replaceRange(lineStartPos, lineStartPos, char);
_textController.selection =
TextSelection.collapsed(offset: cursorPos + char.length);
}
void _modifyCurrentWord(String char) {
var selection = _textController.value.selection;
var text = _textController.value.text;
print('Base offset: ${selection.baseOffset}');
print('Extent offset: ${selection.extentOffset}');
var cursorPos = selection.baseOffset;
if (cursorPos == -1) {
cursorPos = 0;
}
print('CursorPos: $cursorPos');
var wordStartPos =
text.lastIndexOf(' ', cursorPos == 0 ? 0 : cursorPos - 1);
if (wordStartPos == -1) {
wordStartPos = 0;
}
var wordEndPos = text.indexOf(' ', cursorPos);
if (wordEndPos == -1) {
wordEndPos = text.length;
}
print('Word Start: $wordStartPos');
print('Word End: $wordEndPos');
print('Word: ${text.substring(wordStartPos, wordEndPos)}');
// Check if already present
if (text.startsWith(char, wordStartPos)) {
print('Removing `$char`');
_textController.text = text.replaceFirst(char, '', wordStartPos);
_textController.selection =
TextSelection.collapsed(offset: cursorPos - (char.length * 2));
return;
}
print('Adding `$char`');
_textController.text = text.replaceRange(wordStartPos, wordStartPos, char);
wordEndPos += char.length;
_textController.text =
text.replaceRange(wordEndPos - 1, wordEndPos - 1, char);
_textController.selection =
TextSelection.collapsed(offset: cursorPos + (char.length * 2));
print('$char');
}
}
class MarkdownToolBar extends StatelessWidget {
final Function onHeader1;
final Function onItallics;
final Function onBold;
MarkdownToolBar({
@required this.onHeader1,
@required this.onItallics,
@required this.onBold,
});
@override
Widget build(BuildContext context) {
return Row(
children: [
IconButton(
icon: const Text('H1'),
onPressed: onHeader1,
),
IconButton(
icon: const Text('I'),
onPressed: onItallics,
),
IconButton(
icon: const Text('B'),
onPressed: onBold,
),
],
);
}
}

104
lib/widgets/markdown_toolbar.dart
View File

@ -1,14 +1,10 @@
import 'package:flutter/material.dart';
class MarkdownToolBar extends StatelessWidget {
final Function onHeader1;
final Function onItallics;
final Function onBold;
final TextEditingController textController;
MarkdownToolBar({
@required this.onHeader1,
@required this.onItallics,
@required this.onBold,
@required this.textController,
});
@override
@ -17,17 +13,107 @@ class MarkdownToolBar extends StatelessWidget {
children: [
IconButton(
icon: const Text('H1'),
onPressed: onHeader1,
onPressed: () => _modifyCurrentLine('# '),
),
IconButton(
icon: const Text('I'),
onPressed: onItallics,
onPressed: () => _modifyCurrentWord('*'),
),
IconButton(
icon: const Text('B'),
onPressed: onBold,
onPressed: () => _modifyCurrentWord('**'),
),
],
);
}
void _modifyCurrentLine(String char) {
var selection = textController.value.selection;
var text = textController.value.text;
print('Base offset: ${selection.baseOffset}');
print('Extent offset: ${selection.extentOffset}');
var cursorPos = selection.baseOffset;
if (cursorPos == -1) {
cursorPos = 0;
}
print('CursorPos: $cursorPos');
var lineStartPos =
text.lastIndexOf('\n', cursorPos == 0 ? 0 : cursorPos - 1);
if (lineStartPos == -1) {
lineStartPos = 0;
}
var lineEndPos = text.indexOf('\n', cursorPos);
if (lineEndPos == -1) {
lineEndPos = text.length;
}
print('Line Start: $lineStartPos');
print('Line End: $lineEndPos');
print('Line: ${text.substring(lineStartPos, lineEndPos)}');
// Check if already present
if (text.startsWith(char, lineStartPos)) {
print('Removing `$char`');
textController.text = text.replaceFirst(char, '', lineStartPos);
textController.selection =
TextSelection.collapsed(offset: cursorPos - char.length);
return;
}
print('Adding `$char`');
textController.text = text.replaceRange(lineStartPos, lineStartPos, char);
textController.selection =
TextSelection.collapsed(offset: cursorPos + char.length);
}
void _modifyCurrentWord(String char) {
var selection = textController.value.selection;
var text = textController.value.text;
print('Base offset: ${selection.baseOffset}');
print('Extent offset: ${selection.extentOffset}');
var cursorPos = selection.baseOffset;
if (cursorPos == -1) {
cursorPos = 0;
}
print('CursorPos: $cursorPos');
var wordStartPos =
text.lastIndexOf(' ', cursorPos == 0 ? 0 : cursorPos - 1);
if (wordStartPos == -1) {
wordStartPos = 0;
}
var wordEndPos = text.indexOf(' ', cursorPos);
if (wordEndPos == -1) {
wordEndPos = text.length;
}
print('Word Start: $wordStartPos');
print('Word End: $wordEndPos');
print('Word: ${text.substring(wordStartPos, wordEndPos)}');
// Check if already present
if (text.startsWith(char, wordStartPos)) {
print('Removing `$char`');
textController.text = text.replaceFirst(char, '', wordStartPos);
textController.selection =
TextSelection.collapsed(offset: cursorPos - (char.length * 2));
return;
}
print('Adding `$char`');
textController.text = text.replaceRange(wordStartPos, wordStartPos, char);
wordEndPos += char.length;
textController.text =
text.replaceRange(wordEndPos - 1, wordEndPos - 1, char);
textController.selection =
TextSelection.collapsed(offset: cursorPos + (char.length * 2));
print('$char');
}
}