小兔和鹿 (@lincat) 在 使用AI实现了一个写word看小说的html页面 中发帖
前言
在 秒哒 里看到一个应用是"写word看小说",觉得挺有意思的,但是体验了下,感觉不是很理想,比如:
由于导入的txt文本编码问题导致显示乱码
无法在已显示的内容里编辑错别字等
于是打算自己实现一个类似的。
开发过程
初始阶段
首先,分别通过chatgpt和claude生成一个UI框架,先不考虑交互逻辑,但是生成的页面布局什么的与自己期望的不太符合。于是决定自己动手写,参照了office 365的web网页端(好多svg是从上面扒下来的)和本地的word文档的色系。
最终效果如下:
[image]
功能实现
然后就是分别给chatgpt和claude上传文件,提示词如下:
以下只有一个UI框架,没有任何交互的。现在请完善页面:
1.所有下拉框在word-container内
2.点击设置按钮,从页面右侧滑出固定宽度的设置面板,面板里有头部(左侧设置文字,右侧关闭按钮...