Comments (4)
Currently, the easiest way to switch formatting is with Markdown shortcuts. For headings, just add #
to ######
before the text. You can learn about all the shortcuts here.
That said, I see how adding UI for that could be useful. It can be e.g. a separate button/switch next to the block (e.g. H1 to H6 indicators now) or a select in the formatting toolbar (like in Notion).
Do you have any recommendations for that?
from vrite.
The principle of least surprise way of doing it would be able to just click on the H1
and get the drop down like you initially do.
I have tried to figure out how to make it work and submit a pull request but not having any luck.
Thanks for the hints about the short cuts, I did not realize I could do that.
from vrite.
Makes sense. Originally, the "heading badges" were meant to easily distinguish between headings - especially the smaller ones (e.g. H4 - H6). They're :before
elements, so making them interactive will require a very different approach.
Still, that's a good suggestion and I'll look into/experiment with it.
from vrite.
![Screenshot 2024-02-06 at 20 18 47](https://private-user-images.githubusercontent.com/10221873/302750988-6d3994c7-7dcc-4f06-a529-3450cfec82d1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTA3NTc4MzEsIm5iZiI6MTcxMDc1NzUzMSwicGF0aCI6Ii8xMDIyMTg3My8zMDI3NTA5ODgtNmQzOTk0YzctN2RjYy00ZjA2LWE1MjktMzQ1MGNmZWM4MmQxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDAzMTglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwMzE4VDEwMjUzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBiYWRhNmViMGMyNzIxODk3ODVkNDYyYzliMjI3N2I0YTc0ZDE2NjYzZjg0NjdmYjY0NTljMTNlYjczYjE5YjEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bmXxMnmSfgzq7qSv4kHEVsOzuNwQakpA8thoEqlBFzs)
v0.4 adds a new drag handle which, upon clicking, displays a menu to switch text and list node types.
For heading nodes, the HX
badge is used as a drag handle and menu activator.
from vrite.
Related Issues (20)
- Kanban: Drag Item into Board Title HOT 2
- Content piece sharing HOT 1
- Feat: add deploy button to trigger a webhook HOT 6
- Transitioning from link mode to plain text mode is quite challenging. HOT 2
- Trying to get in touch regarding a security issue HOT 1
- Feat: Gist embeds HOT 4
- Gitea/Forgejo support? HOT 3
- error: vrite-app | No email service configured HOT 9
- self-hosted: cannot log in HOT 3
- GPT-3.5 block action button not always showing. HOT 1
- Show running Gifs in Preview HOT 3
- Request to enable GitHub Private Vulnerability Reporting in vrite repository HOT 2
- Feat: Full nestable table content support HOT 3
- Captions for images HOT 1
- Feat: Embed X Posts HOT 1
- How do you use the custom data property? HOT 2
- Feat: Changesets
- docs: unclear how to add rich content via api HOT 6
- Missing app and api in docker-compose HOT 1
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 vrite.