Steps to Reproduce

NOTE: This issue is found on dev-1.0.

1. Load an empty Notus document (I can reproduce this in the original Zefyr example code, as long as the loaded document is empty which means it only contains "\n")
2. Try to type in a few words like "abc abc babc abc", but not too long
3. Try to remove all the content by pressing/holding backspace
4. Pressing backspace can not delete the last character

Demo:

Logs

No specific log

[✓] Flutter (Channel stable, 1.22.6, on Mac OS X 10.15.6 19G73 darwin-x64, locale en)
    • Flutter version 1.22.6 at /Users/teq-ios/development/flutter
    • Framework revision 9b2d32b605 (2 weeks ago), 2021-01-22 14:36:39 -0800
    • Engine revision 2f0af37152
    • Dart version 2.10.5

 
[!] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /Users/teq-ios/Library/Android/sdk
    • Platform android-30, build-tools 30.0.2
    • ANDROID_HOME = /Users/teq-ios/Library/Android/sdk
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses

[✓] Xcode - develop for iOS and macOS (Xcode 12.4)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 12.4, Build version 12D4e
    • CocoaPods version 1.10.0

[!] Android Studio (version 4.1)
    • Android Studio at /Applications/Android Studio.app/Contents
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6915495)

[✓] Connected device (1 available)
    • iPhone X (mobile) • 0E7083D8-7982-4E96-9DB7-67D5085D2094 • ios • com.apple.CoreSimulator.SimRuntime.iOS-12-4 (simulator)

! Doctor found issues in 2 categories.

I would suggest to change the bold and italic text style buttons to toggle their respective styles on or off for all following entries.

The current implementation only allows for changing currently marked text to bold/italic, it however makes things very complicated if you mark your last typed text as bold/italic, since this means that all following text is automatically marked as bold or italic without the simple option to turn it off again.

IMHO the option to mark selected text as bold or italic should be kept, if no text is currently selected however the respective buttons should toggle the text styles on/off as described above.

Steps to Reproduce

1. ... I can't install in flutter web project
2. ...
3. ...

Logs

Resolving dependencies...
Because zefyr >=0.1.2 depends on flutter any from sdk which is forbidden, zefyr >=0.1.2 is forbidden.
So, because login_page depends on zefyr ^0.5.0, version solving failed.

First of all, many thanks for this great package. I am using v1.0-dev, it comes with more ability of customization embed objects and it works well in aspect of rendering object. But I face a problem when I try to handle click event on my embed object, such as: click on Play button on my object. The editor always captures the click event and make the object to be selected state, click events don't hit my button at all. How to get my button work in this case? Thanks in advance.

In your example of a ZefyrField in a form, I set a height of 100. If I write a lot of text I exceed this height, from the moment that the text takes up more space than 100, then every time I type a char the text in ZefyrField "jump". It seems like it scrolls from beginning to the end very quickly.

N.B. The problem is only when a single paragraph is higher than 100. If I use a new line before to reach the limit, there is no problem.

In form.dart i set:

return ZefyrTheme( data: theme, child: ZefyrField( height: 100.0, decoration: InputDecoration(labelText: 'Description'), controller: _controller, focusNode: _focusNode, autofocus: true, imageDelegate: CustomImageDelegate(), physics: ClampingScrollPhysics(), ), );

Logs

None logs, it's only a graphics effect.

[✓] Flutter (Channel stable, v1.9.1+hotfix.2, on Mac OS X 10.14.6 18G87, locale it-IT) • Flutter version 1.9.1+hotfix.2 at /Users/marcobencivenni/flutter • Framework revision 2d2a1ffec9 (11 days ago), 2019-09-06 18:39:49 -0700 • Engine revision b863200c37 • Dart version 2.5.0

[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3) • Android SDK at /Users/marcobencivenni/Library/Android/sdk • Android NDK location not configured (optional; useful for native profiling support) • Platform android-29, build-tools 28.0.3 • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405) • All Android licenses accepted.

[✓] Xcode - develop for iOS and macOS (Xcode 10.3) • Xcode at /Applications/Xcode.app/Contents/Developer • Xcode 10.3, Build version 10G8 • CocoaPods version 1.7.5

[✓] Android Studio (version 3.5) • Android Studio at /Applications/Android Studio.app/Contents • Flutter plugin version 39.0.3 • Dart plugin version 191.8423 • Java version OpenJDK Runtime Environment (build 1.8.0_202-release-1483-b49-5587405)

[✓] IntelliJ IDEA Community Edition (version 2019.2.2) • IntelliJ at /Applications/IntelliJ IDEA CE.app • Flutter plugin version 39.0.5 • Dart plugin version 192.6603.23

[✓] VS Code (version 1.37.1) • VS Code at /Applications/Visual Studio Code.app/Contents • Flutter extension version 3.4.1

[!] Connected device ! No devices available

Steps to Reproduce

1. Upgrade Flutter to Stable build 1.2
2. Build/Run

Logs

The error is as follows

Error: The non-abstract class 'InputConnectionController' is missing implementations for these members: - 'updateFloatingCursor'

Is there a way to let ZefyrEditor expand downward as user type?

For example, I can achieve this behavior with TextField Widget by wrap it in a LayoutBuilder and set the maxline parameter to null:

ListView(
  children: <Widget>[
    Container(
      color: Colors.grey,
      child: LayoutBuilder(builder: (context, size) {
        return TextField(
          controller: controller,
          maxLines: null,
        );
      }),
    ),
  ],
),

I tried the wrap ZefyrEditor in a LayoutBuilder, and the editor simply not showing. If it is not possible, and I want to fork and work on it, where should I start?

I took some time off last weekend to test the Zefyr editor and to record some footage of the issues that I encountered. During that process I found two rather minor issues, one concerning the creation of ordered and unordered lists, one concerning the divider functionality.

List creation issue: https://streamable.com/62rn4 Divider issue: https://streamable.com/ze8yj

The issue with the List creation only seems to occur on non-emulated android devices (the footage was recorded on a physical Android 7.1.1 device), since I couldn't reproduce it on my emulated Android device. The Divider issue can be reproduced on emulated Android devices as well, and throws the error:

W/IInputConnectionWrapper( 3850): getTextBeforeCursor on inactive InputConnection

which would make me think that it is caused by a race condition.

Edit: I just looked at the footage again and it seems like zefyr has a problem with auto corrected text, both in the List creation issue and when you mark text as bold/italic. Lists creation seems to work fine until you have an autocorrect suggestion and decide NOT to use it and press enter. In this case the autocorrect suggestion seems to be used anyway (and not the original text you typed) and the error occurs.

Hi @pulyaevskiy, first of all thanks for this great RTE!

How can I use the editor and the toolbar separately? I can see in your source code that ZefyrEditor is composed by a ZefyrEditableText into an Expanded widget and a ZefyrToolbar; how can I use them to achieve what you can see in the image below?

I need to use the editor ("inline" and not "fullscreen") in a screen with other widgets (post title, post subtitle, images carousel, ..) and maybe set the toolbar in a different and custom position.

Could you please provide some example?

Thank you!

Flutter latest update breaks all in this lib, doesn't anyone notice this??

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, v1.10.15-pre.405, on Mac OS X 10.14.6 18G71a, locale en-CN)

[✓] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.0)
[!] Android Studio (not installed)
[✓] Connected device (2 available)

Hi @pulyaevskiy ,

Please help me, how we save to format json and parsing fromJson on NotusDocument besause I try it someting wrong with my format rror Parsing JSON: FormatException: Control character in string (at character 26)

from save I just do with jsonEncode and call document variable of NotesDocument and parsing with jsondecode and NotusDocument.fromJson