tiddly-gittly / slate-write

A WYSIWYG editor for TiddlyWiki. (WIP)
https://tiddly-gittly.github.io/slate-write/
MIT License
40 stars 4 forks source link

idea:悬浮全屏独占编辑模式 #19

Open Zacharia2 opened 1 year ago

Zacharia2 commented 1 year ago

像vscode一样的编辑体验,点击按钮就悬浮全屏编辑框,编辑完成点击保存编辑框消失。

Zacharia2 commented 1 year ago

https://demo-complete.tiddlyhost.com/#

image

image

Zacharia2 commented 1 year ago

一个不那么近似的例子。

oeyoews commented 1 year ago

感觉tw急需一个 类似于vscode 的 tw5-syntax 插件, 标签语法在tw里面每次都能给我看晕过去

Zacharia2 commented 1 year ago

是的,看到一个头两个大。

Zacharia2 commented 1 year ago

最好还能格式化文本

oeyoews commented 1 year ago

https://demo-complete.tiddlyhost.com/#

image

image

我记得tw会检测输入状态, 当停止输入的时候才开始渲染, 有一定延迟

Zacharia2 commented 1 year ago

其实不是所见也可以,就像vscode编辑Markdown一样的体验,全屏独占。

Zacharia2 commented 1 year ago

算是一种新的编辑体验吧,脱离tw原生的编辑模式。

linonetwo commented 1 year ago

这就是用一个布局来实现吧,类似日历布局,还有白板布局。

这个做起来很简单,参考白板里面的,有兴趣可以 PR 试试

Zacharia2 commented 1 year ago

是的。okk。谢谢提醒,有空试试。

Zacharia2 commented 1 year ago

我的设想是编辑时悬浮编辑窗口,编辑完成窗口消失,恢复显示模式。

linonetwo commented 1 year ago

这是啥意思?有什么类似的这样的应用参考吗?

感觉可能可以搞一个简单的插件试一试,然后在里面用我这个插件提供的微件就行了。

Zacharia2 commented 1 year ago

感觉白板的全屏样式就很好的。

直接将工具栏,文字输入区域,页面工具这些ui放到固定位置。就像富文本编辑器一样。

Zacharia2 commented 1 year ago

灵感来源于二楼。https://github.com/tiddly-gittly/slate-write/issues/19#issuecomment-1374687961

Zacharia2 commented 1 year ago

点击那个按钮就会浮现一个编辑窗口,是接近全屏的。让就联想到,这样文本编辑时文本内容就可以滚动了,固定按钮啥的就可以固定了。就像vscode一样。

Zacharia2 commented 1 year ago

编辑完成还是恢复到条目显示文本的状态。(原来查看的状态。)

可能和这样类似。 image

linonetwo commented 1 year ago

那我觉得应该找一个能让 view template 全屏的插件,应该是有的吧。

或者我也可以加个类似白板的那种新布局,也方便之后有多布局共存的情况下使用

Zacharia2 commented 1 year ago

yes!ヾ(@^▽^@)ノ