Comments (3)
Here's the latest mockup:
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
andImage
would quickly be filtered as the top result, press Enter, image is inserted
from gutenberg.
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.
Closing this in favor of #34
from gutenberg.
Related Issues (20)
- Styles Welcome Guide: Missing space before link on last page of guide
- Patterns: Explore shuffling content blocks
- Group Block: Global horizontal padding on un-aligned blocks does not work.
- Global Styles: Custom Color names with numbers at the end are not reflected HOT 3
- Remove default dimensions controls from core/avatar
- Add better description to the site editor > templates view
- Add __next40pxDefaultSize to author select in PostAuthor
- LinkControl: Add blank icon for custom post type menu items HOT 5
- Decouple block themes into composable parts: Tracking issue HOT 3
- Remove extraneous context from template part replace control
- Reduce complexity of detach control in template parts HOT 1
- Details block: Add transform from paragraph HOT 1
- Proposal: Remove "Copy Styles" from dropdown menu HOT 2
- List View: "Rename" item is not displayed when no block is selected HOT 2
- Image block: Lightbox setting name and labels are inconsistent
- Image placeholder: unfortunate UI for the Upload / Media library dialogue
- we need responsive breakpoint controls for columns and groups HOT 5
- Disabled controls should not use cursor: pointer HOT 1
- Drag to resize image doesn't maintain aspect ratio when constrained
- Data views: Expanding quick-actions for Pages HOT 8
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gutenberg.