Skip to content

Context-based formatting popover #200

Closed

Description

@jancborchardt

To keep in line with our distraction-free design, but also to make the formatting easier to use, we should introduce a context-based formatting popover similar to what Medium.com has. Whenever you select text, the formatting options show:

Then when you bold the text, it would insert the **asterisks** around the selected word, or for links it would [insert the link tag and focus it on the url part](https://…).

cc @nextcloud/notes


Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Activity

  1. added
    enhancementNew feature or request
    help wantedComplex issue or we don't know how to fix it
    designRelated to the design or user experience
    on Jun 4, 2018
  2. added this to the milestone on Jun 4, 2018
  3. exekutive commented on Jun 20, 2018

    @exekutive
  4. putt1ck commented on Jun 20, 2018

    @putt1ck
  5. jancborchardt commented on Jun 20, 2018

    @jancborchardt
    Author
  6. exekutive commented on Jun 20, 2018

    @exekutive
  7. putt1ck commented on Jun 21, 2018

    @putt1ck
  8. stefan-niedermann commented on Jun 21, 2018

    @stefan-niedermann
  9. exekutive commented on Jun 21, 2018

    @exekutive
  10. jancborchardt commented on Jun 21, 2018

    @jancborchardt
    Author
  11. exekutive commented on Jun 22, 2018

    @exekutive

    I apologize for that. I meant to emphasize, not shout. I'll work on my etiquette.

  12. jancborchardt commented on Dec 14, 2018

    @jancborchardt
    MemberAuthor

    There’s "a renderless rich-text editor for Vue.js" called tiptap which does what I described with the menu bubble:
    tiptap bubble

  13. korelstar commented on Dec 15, 2018

    @korelstar
    Member

    Yes, that's a nice thing. However, on mobile devices, there is often a pop-up menu for "copy", "cut" etc. that conflicts with such a pop-up menu for formatting text. In the case of tiptap, I can't use the context-based formatting, because Android's pop-up menu overlays the editor's pop-up menu.

    Just for the protocol: This issue is strongly related to #204.

  14. removed this from the milestone on Dec 21, 2018
  15. added
    feature: EasyMDERealted to the integrated EasyMDE editor
    and removed on May 24, 2019
  16. added this to the 4.0.0 milestone on Aug 20, 2019
  17. modified the milestones: 5.0.0, 4.8.0 on Mar 21, 2023
  18. juliusknorr commented on Mar 22, 2023

    @juliusknorr
    Member

    @jancborchardt I guess this can be closed as we switched to text and decided against the popover there for usability and accessibility reasons.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    designRelated to the design or user experienceenhancementNew feature or requestfeature: EasyMDERealted to the integrated EasyMDE editorhelp wantedComplex issue or we don't know how to fix it

    Type

    No type

    Projects

    No projects

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions