Preview - 修改MDX CSS的神器,支持CSSJS实时预览

chrome开发者工具怎么用你就怎么用。
preview只负责加载mdx,修改工作全是浏览器和文本编辑器做的

小白请教A大,在GD中,点击一个词,右键审查元素,就能直接看到CSS的相应部分。用这个利器,怎样才能从词典的某个词直接定位到相应的CSS的那一行呢?

用 chrome 浏览器打开网页,右键检查。

你注意第一张图,右边红色k_iframe(69145)这行,下拉框选择top。

上上周开始,打开任何一个mdx,都是这样:

FILE_NOT_FOUND
---
Keyboard shortcuts
ALT + F - Open the "find" bar to search headword.
ESCAPE - Close the "find" bar.
---
EncodingName=
Count=0
---

请问会是什么原因呢 :face_with_monocle:

1 Like

这本即是有这个问题,不知道是不是编码问题 ˉ\_(ツ)_/ˉ

1 Like

感谢反馈!阿弥陀佛的这个汉语大词典,用的 lzo 压缩算法打包的 mdx。这个 lzo 解压算法的源码是 gpl 协议的项目,暂时无解,目前只支持 zip 压缩算法,等有时间重写这块。

FILE_NOT_FOUND

说明词典没有加载成功。加载阿弥陀佛的汉语大词典,会有这个情况。测试英汉大,韦高是正常的。如果任一本词典都不成功,就很奇怪了。现在这项目底层,改动很大,后面会发一版桌面词典,会支持 preview 实时编辑的功能。

哎,多半我电脑问题。

期待新神器。

1 Like

是程序的错误提示没做好。

你们技术栈都不一样。。

preview 是 Rust

同为Windows 10 家庭版,Lenovo台式机 Preview正常使用,Huawei Matebook 2020 无法加载,也没有任何提示。

检查下3030端口是否被占用或者试试把代理关了。

1 Like

同开代理,一台能用一台不能用,关闭代理后OK。

1 Like

老大,小弟无比佩服你的工具,确实是修改利器,可是说明中的"…支持加载MDD资源文件",这个该怎么加载呢? :smiley:
难道老大神隐了?多日不曾现踪迹。在chrome中更改后如何直接保存css呢?这一点似乎不如提取单词页面来的方便。 :smiling_face_with_three_hearts:

直接改 css文件,chrome 会实时更新页面效果。打开 mdx 会默认加载同名的 mdd 文件。

1 Like

老大,您终于现身啦,太高兴啦,也考虑到mdd文件会自动加载,但是词典中的图片总是不能正确显示,所以才有此一问,以为自己用的不对。经过多次是实验,似乎对图片格式有要求,png格式不行?

1 Like

感谢楼主提供的工具,不过我这里还是要提一个新的需求,希望能考虑一下。楼主这个工具目前仅仅是在只修改CSS的时候有用,但是我经常是要一边改进词典源文件TXT的结构,一边修改CSS。改进词典源文件TXT的结构是因为很多时候词典的源文件结构有错误,或者之前的写法不便于排版,所有我才改进它。这个场景下要使用楼主的工具那就要每次修改txt后编译成mdx,这就非常非常不方便了。所以我提的建议就是,希望楼主增加对mdx源文件的支持。因为它本身就是txt文件,而且结构性非常强,又没有加密,所以支持它比支持mdx容易很多。但是一旦支持txt源文件,那么对我们修改词典机构的同时进行排版来说就太有帮助了!希望楼主考虑一下,谢谢啦!

4 Likes

膜拜楼主大大

1 Like