TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Bike – Rich Text and Innovation

8 点作者 jessegrosjean超过 2 年前
I have just added rich text to my outliner Bike.<p>I think the implementation is worth taking a look at. Follow the link for details, a screencast (4 min), and download. (this is paid feature, but there is a no signup 7 day trial so you can play with it)<p>In the past I have used plain text formats (like .taskpaper and .markdown) for my apps. I&#x27;ve grown sick of seeing and parsing syntax characters, so this time around I am taking a rich text approach.<p>Rich text looks clean, but editing is problematic. You don&#x27;t have precise control&#x2F;visibility into the formatting. It&#x27;s hidden behind the text. There are no formatting characters to guide you like you have in Markdown. This is particularly problematic when you want to insert text at formatting boundaries.<p>Bike solves this with &quot;typing affinity&quot;. This lets you precisely specify which formatting to use at those boundaries. It does this by adding an extra text caret state at these boundaries. This extra state allows you to point the text caret upstream or downstream to the formatting you want.<p>Other interesting features include:<p>• Link Buttons: Insert a dedicated &quot;open&quot; button after each link so there is no conflict between editing link text and opening the link.<p>• Keyboard Centric Formatting Popover: Remember a single keyboard shortcut and have full keyboard access to formatting commands. No mouse needed.<p>• Visible Typing Attributes: Show hidden typing attribute state (when it cannot be visually determined by looking at surrounding text) as part of the text caret.<p>Please take a look and let me know what you think. I&#x27;m happy to answer questions and would love to hear your thoughts on ways to improve rich text editing further.

2 条评论

Leftium超过 2 年前
It&#x27;s kind of shown in the video, but how do you edit the link target URL?<p>A related pain point is when I want to insert a link, I usually copy the URL into the clipboard first, then type the link text. This results in a bit of minor gymnastics. It would be nice if the editor detected the URL in the clipboard and automatically inserted it.<p>My work-around for the puzzles is to start editing in the middle of the word with the format I want (one character over), then delete that character if needed. Yes, it is a little painful.
评论 #33175596 未加载
codingdave超过 2 年前
I feel that anyone trying to work with rich text and thinking Markdown is the best guide should look back in history to Wordperfect and Wordstar. The problem being described here was well handled in both, with the ability to toggle the formatting codes on&#x2F;off to get the precision when you needed it, but turn them off and just type when you don&#x27;t.<p>I think it is great that people are trying to improve on editing UX - just don&#x27;t skip researching the old solutions, too.
评论 #33162558 未加载
评论 #33163108 未加载