Tailwindcsss Editor - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
这是一个创建于 1534 天前的主题,其中的信息可能已经有所发展或是发生改变。

https://derealize.com

所见即所得 UI 编辑器,基于 tailwindcsss 实现。

Serealize

第 1 条附言    2021-07-31 15:56:23 +08:00
鉴于有人误解了工具的设计目标,补充说明一下'realize'名字的来源:
你编辑的是真实运行的项目,而不是某个代码片段。
第 2 条附言    2021-08-03 16:56:17 +08:00
今天清理了一下代码,完成了开源工作
https://github.com/Derealize/derealize
21 条回复    2021-08-04 16:03:41 +08:00
DeepUse
    1
DeepUse  
   2021-07-31 08:25:13 +08:00
无法访问此网站
检查 derealize.com 中是否有拼写错误。
DNS_PROBE_FINISHED_NXDOMAIN
shilianmlxg
    2
shilianmlxg  
   2021-07-31 08:50:58 +08:00 via iPhone
想问下大佬,比如我 tailwind css 我写 4px 他能自动转成 跟据我设定的一个比例 (宽 375 )转换的 vw 或者 rem 值呢
wensonsmith
    3
wensonsmith  
   2021-07-31 08:59:56 +08:00
zicjin629
    4
zicjin629  
OP
   2021-07-31 09:26:16 +08:00
@DeepUse 之前没注意 netlify 分配的 ip 被墙了,现在换了 host 可以了。
zicjin629
    5
zicjin629  
OP
   2021-07-31 09:33:22 +08:00
@shilianmlxg 据我所知 tailwind css 不能。你可以使用 sass @mixin 实现。
zicjin629
    6
zicjin629  
OP
   2021-07-31 09:37:16 +08:00
@wensonsmith 看了一下 "Why Windi CSS"。好像就是提供了 tailwindcss2.1+的 jit 编译功能?
ihipop
    7
ihipop  
   2021-07-31 10:47:33 +08:00 via Android
@zicjin629 electron 封装的,能打包个非 win 的版本出来嘛?
zicjin629
    8
zicjin629  
OP
   2021-07-31 11:09:28 +08:00
@ihipop 网页有平台判断,用 mac 打开网页应该是下载的 dmg 包吧?
linux 版目前还没有。https://derealize-fider.herokuapp.com 在待考量的计划中。
3dwelcome
    9
3dwelcome  
   2021-07-31 11:58:05 +08:00
为什么不做个网页版本的呢?这样全平台都能用了。
zicjin629
    10
zicjin629  
OP
   2021-07-31 12:13:57 +08:00 via Android
@3dwelcome 网页无法更新你的本地代码
3dwelcome
    11
3dwelcome  
   2021-07-31 12:23:15 +08:00   1
@zicjin629 错!

学 figma 写本地化辅助插件,同 websocket 和网页通讯,就可以解决各种问题。
zicjin629
    12
zicjin629  
OP
   2021-07-31 13:03:16 +08:00
@3dwelcome figma 也需要安装一个 figma Agent native 应用,与 electron 没有本质区别。electron 也是”全平台能用“的。
ihipop
    13
ihipop      2021-07-31 13:27:43 +08:00 via Android
@zicjin629 我用手机访问的。。没啥平台相关代码的话封装 Linux 应该 so easy 吧。。
3dwelcome
    14
3dwelcome  
   2021-07-31 13:53:39 +08:00
那我们看法不一样,electron 是用 exe 来替代网页,但我觉得未来趋势,应该是用网页来替代本地应用。

由于设备碎片化的存在,除了专业软件外,用 exe 的越来越少。除非在行业领域做到顶级,否则很难产生爆炸性的用户增长。
zicjin629
    15
zicjin629  
OP
   2021-07-31 14:07:37 +08:00
@3dwelcome 你的 Figma Agent 不是一个 exe ?
3dwelcome
    16
3dwelcome  
   2021-07-31 14:39:35 +08:00
@zicjin629 你可以不用啊,Agent 又不是 100%必须的,又不是每一个人都会用到的特殊字体。

同理,windicss.org/play.html 也可以不访问本地文件,直接复制一小段代码,开始编辑。

但是三个应用中,就你这个门槛过高,无法直接网页内打开,容易劝退用户。
zicjin629
    17
zicjin629  
OP
   2021-07-31 15:11:02 +08:00
@3dwelcome 同理,Derealize 这个产品是 100%必须使用的本地编辑功能的。这个产品实现的目标和 windicss.org/play 完全不同,没有可比性。
3dwelcome
    18
3dwelcome  
   2021-07-31 15:21:02 +08:00
@zicjin629 完全没觉得是 100%,现在 chrome 对普通的本地文件处理,已经支持的很好了。

视频都可以通过 wasm 本地化处理,更何况是普通的文本文件。

当然,如果你一定要坚持动我硬盘上文件,那我也无话可说。
zicjin629
    19
zicjin629  
OP
   2021-07-31 15:36:24 +08:00   1
@3dwelcome 当然需要动你硬盘上的文件,不但要动你硬盘上的文件,还要侵入你的 babel 编译过程。因为这个工具是针对整个 Project 的 UI 编辑,而不是针对某个 html 模块。整个项目的模块组合嵌套可能是非常复杂不确定的。这种针对 Project 而不是模块的 UI 编辑抹平了这种不确定性,免去了你搬运 html 模块到实际项目的工作。
r00tt
    20
r00tt  
   2021-08-04 11:59:37 +08:00
@zicjin629 给老哥提了个超高 CPU 占用的 issue 。前几天看到老哥的帖子安装看了下,今天打开电脑发现风扇狂转,温度持续 90+。调出 ActivityManager 发现 是`chrome_crashpad_handler`这个进程占用了 CPU,查看打开的文件,定位到是老哥的这个应用
zicjin629
    21
zicjin629  
OP
   2021-08-04 16:03:41 +08:00
@r00tt 谢谢。希望补充一下需要的信息。https://github.com/Derealize/derealize/issues/1
关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     819 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 80ms UTC 21:29 PVG 05:29 LAX 14:29 JFK 17:29
Do have faith in what you're doing.
ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86