GithubHelp home page GithubHelp logo

Comments (3)

jasmussen avatar jasmussen commented on May 18, 2024 1

Here's the latest mockup:

https://github.com/WordPress/gutenberg/blob/5e50c86e0c5c53cd2245e92537e8931cdc0cb317/mockups/Insert.png

See also this comment.

For some background on how this could work:

  • As you are writing, typing typing typing, the plus button is below the last paragraph. As you make a linebreak, the plus moves to the side, see #72.
  • When on a new line, the inserter can be invoked by pressing the shortcut key /. See #24 and #71.
  • When the inserter is invoked, you can immediately use the arrow keys to select a block, and use Enter to insert that block. OR: you could start typing, at which point you'd start searching through the blocks.

So these flows should work:

  • Type text, press enter for new line, type /, use arrow keys to select image, press enter, image is inserted
  • Click plus with mouse, start typing ima and Image would quickly be filtered as the top result, press Enter, image is inserted

from gutenberg.

karmatosed avatar karmatosed commented on May 18, 2024

This is making me very excited about how the interface will feel magic. Having it adapt and know what you want to use, to predict - that's going to be super powerful to users.

from gutenberg.

jasmussen avatar jasmussen commented on May 18, 2024

Closing this in favor of #34

from gutenberg.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.