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

huala

last_idol 发表于 2020-3-31 12:08
有报错或者别的信息吗？只有10.13和10.14的系统。

4 R* X: @8 ~# ~' l* h; x! O; e
- ~( ]+ Q$ `1 i  r( p# ]报错信息见附件

last_idol

huala 发表于 2020-3-31 13:14
% z' t' F4 a6 t0 Y5 Z报错信息见附件

https://www.lanzous.com/iauc87c
能帮忙试下这个版本的app吗？把依赖的库都打包进去了。

huala

last_idol 发表于 2020-3-31 12:08
) J$ [- C* k" }5 `+ `- M有报错或者别的信息吗？只有10.13和10.14的系统。

6 v4 a! C+ c! U. M. o可以打开了，体验很不错。
' G- S  W& v  W  g- Z: u3 v
. m0 G& Z! o" r但是对于词典里有类似于xml自定义标签的mdx，目前还不支持，不知道如果要实现这个会不会很难。

另：Mac系统自己有叫Preview的app。虽然由于系统文件保护的原因，自带的Preview可以和这个编辑辞典的Preview共存，可考虑Mac版的改个名字

last_idol

huala 发表于 2020-3-31 20:46
可以打开了，体验很不错。
8 X3 ]' {' U0 \2 V3 V! m/ d; b
但是对于词典里有类似于xml自定义标签的mdx，目前还不支持，不知道如果要实现 ...

感谢反馈，不知道哪本词典是xml自定义的？只要GD能支持的，我这边都能实现。名称没确定前，先用这个吧，我这边是用Preview 2。

huala

last_idol 发表于 2020-3-31 21:25
感谢反馈，不知道哪本词典是xml自定义的？只要GD能支持的，我这边都能实现。名称没确定前，先用这个吧， ...

我之前也比较纳闷，测试xml自定义标签，欧陆、GD都是支持的。
8 Y3 I3 c0 |' [9 h
发现问题出在css文件名上，css文件有特殊字符或者汉字，Preview 加载不了。欧陆、GD倒是可正常加载这一类css。

last_idol

huala 发表于 2020-3-31 21:55
4 C2 |2 i% r) R4 j我之前也比较纳闷，测试xml自定义标签，欧陆、GD都是支持的。

/ g) B- t/ J' m$ Z7 C发现问题出在css文件名上，css文件有特殊 ...

这个文件名0.1.5版修复了，晚点会发，感谢反馈！

last_idol

0.1.5版已发布。感谢@huala和@Word的反馈！

喬治兄

6 z' c# ?! f( Ilast_idol 兄:
" y; L8 J5 ]- p小弟用了後深感蠻強大若再強化一些功能則應用無窮, 另外列舉些許看法
" m4 D' L0 P, L不知仁兄是否可以考慮增加其功能
1. 此軟件可調用 mdx 於 ie, chrom ....瀏覽器
4 R: q4 K+ d' [   Alt+F....輸入詞彙可查詢, 但因其內容若要再查則需再按Alt+F....輸入詞彙
   此可否設計個雙擊就可跳至要查詢的單字畫面, 或設計個按右鍵查詢那個 highlight 的單字
   且在生成另一網頁...此則可所查詢過的單詞都有個頁面隨時可在 review 一下
   此非常適於上網查單字用 mdx 檔
2. 目前需按Alt+F....才會跳出查詢框...按Alt+F----> 也是多餘的
   其實可以一直保留此查詢框在瀏覽器畫面上...想查什隨時輸入
3. 設計個 history txt...也就是讓查詢過的單詞都紀錄於此文檔
3 O* s% L1 W% U% U# g+ T   此文檔也可於 Mdict 匯入複習用
4. 其實可以考慮其 PC Mdict 目前的功能....其轉換至 ie, chrom....瀏覽器 版本
1 v7 r' e6 z" r( \2 u5. 可以再針對目前顯示再規劃一下
. J) P  z6 y. m. [+ w) a    https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_frame_frameborder
<frameset cols="10%,90%">
  <frame src="frame_a.htm" frameborder="0">
  <frame src="frame_b.htm" frameborder="0">
, h* h. O" R, _0 J</frameset>
! k# m: S" F% |& I</html>
* a6 z0 p# o6 q9 U或用 flex 功能也可
6 [0 D( b7 e9 t  ahttps://www.w3schools.com/cssref/tryit.asp?filename=trycss3_flex

https://www.pdawiki.com/forum/thread-39082-1-1.html
( G( V$ E* Z+ {
如同網頁版的 pc mdict
$ f5 ?+ T; L; p
! Q& h# H  _; X) }0 M4 V
可一直保留此查詢框
% J/ u6 ?: f% |/ p1 W+ S$ t

此可考慮雙擊, 或按右鍵再查詢...查詢結果再生成另一頁面   
) c) }4 m1 |- I
# e4 c  Z1 |  i1 p1 ^2 {9 ?

, E. [% X5 F, e1 n( {
% t* b* ^! i: J3 r9 n2 _/ b+ ?

Word

last_idol 发表于 2020-4-1 21:17
) |" C/ C" ^7 r2 n# `0 w, k$ O) A0.1.5版已发布。感谢@huala和@Word的反馈！

0.1.5 版已经能正确读取和刷新我测试的所有词典了，在此基础上，为了对名称问题进行终极验证，我以 GoldenDict 的读取能力作为参照，编列了一系列包含多符号和多语言的复杂名称的 CSS 文件，然后手动编译 MDX 词典来分别调用它们
结果显示，只要是 GoldenDict 能正确读取的复杂名称的 CSS 文件，Preview 也全部能正确读取和刷新，至此文件名的问题应该已经彻底解决了，恭喜

huala

, @9 H: ?# \- F/ c% y, \感谢发布更新～
. I8 M. u  W  f
' x* Y% B& M, f( a围绕启动页面可以增加相关设置选项，以下建议楼主有空时可考虑考虑：
; i' g! |; A0 r" ]5 }3 w+ |
1、mdx信息对我来说并不需要，可考虑在软件设置里选择显示或不显示。

2、刚需：可在设置里预设body的css，比如调试夜间模式/暗色背景，通过预设body的css，启动后页面背景就是想要的全局暗色、字体、位置等等，这样就不用每次自己还要在单个词典css粘贴body的相关css代码。
% [: Y" }7 {, V5 Z
3、刚需：可在设置里预设启动后就有搜索栏，并且一直保留，而不用Alt+F唤出。
/ v5 T  q7 O  l- c0 }2 h' n
! N. s! n+ w2 u9 F, M5 a: p0 e  j4、刚需：可在设置里预设启动后自动显示第1条词目，如果觉得很多词典第1条词目内容少，那么就预设启动后自动显示第n条，或者随机显示某一条。本软件的初衷就是调试，这样做的好处是非常简单直接给出一个待调试词条，用户觉得要改，马上就可以改css，不用先去搜索查询。
6 b* C+ H, W( v# ^: }) t
上面的建议核心其实就是省时、提高效率，节省n个的一秒两秒，就是节省巨大的社会成本。

eplono

+ x3 j. w' V2 B0 ?  s' h* n6 a
2 U6 k! P. [  g7 aHi there，我Windows10 LTSC 2019的，打开“preview.exe”，选择一个mdx文件后，自动在chrome里打开"http://127.0.0.1:3030/"，按"Alt" + "F"查词，在chrome里按F12修改保存CSS，这样流程。然而我每次的"http://127.0.0.1:3030/"显示都是第一次打开mdx时的样子，必须得打开已经修改过的css、再保存一下才正常显示。（这个害我白改了半天css，以为我的chrome F12不能保存css，哭啊）
第二个就是，我默认浏览器chrome，自动打开"http://127.0.0.1:3030/"能正常Alt + F，我复制"http://127.0.0.1:3030/"到IE后就Alt + F就变成打开菜单栏的”File“了，不能查词，这时候回到chrome也不能查词了，神奇哈。得关闭“preview.exe”，重新来。只能默认浏览器用

last_idol

9 j) ?8 L, a0 h: b

喬治兄 发表于 2020-4-2 00:27
# C& m. U6 f9 Mlast_idol 兄:
小弟用了後深感蠻強大若再強化一些功能則應用無窮, 另外列舉些許看法
不知仁兄是否可以考慮 ...

固定住搜索框，会在0.1.7版里更新。

右键查询和双击查询觉得不是很实用，因为现在只加载单本词典，很多单词都不存在，有a标签词头跳转就够了。
& e" [* A! G% [# q1 ?
history可以有，有时间后面几个版本会加上。
6 [5 V2 i! m' i1 W
9 |$ e. q& q; Z* ?1 ]' C多个iframe，单页面增加了复杂度，功能完善后再考虑。
& ^  K" e1 K: Y% K. J: o
, k0 S) w0 f5 I* u6 ^感谢反馈！

$ X: g7 T& n' u$ @  t5 A- x$ J
9 r6 D8 V* c1 Z: l) E: ^, z5 f1 l) j: n. h) }
# v) R0 _! {& ?
4 F) {$ P8 d7 \' e) Z% g5 \. M

last_idol

Word 发表于 2020-4-2 02:12
- o$ T6 B# w8 K* c0.1.5 版已经能正确读取和刷新我测试的所有词典了，在此基础上，为了对名称问题进行终极验证，我以 Golde ...

感谢支持！

last_idol

huala 发表于 2020-4-2 08:39
' T6 C0 f! W" o; }感谢发布更新～

围绕启动页面可以增加相关设置选项，以下建议楼主有空时可考虑考虑：

0.1.7会固定住搜索框。

0.1.8版会加入启动页面选项，允许随机显示词头 。
9 J5 c. N2 W1 W' _+ v9 ~% A
/ b0 U4 J/ c( X预设css这个，考虑读取exe同目录下的default.css注入词典里，有时间会加上。
+ @9 v0 p! P5 S% ^# ~8 M' F
感谢反馈！
. i1 b% k5 ?6 |. ~$ o
9 S4 Y8 E4 e0 v1 f; k
. P$ N( [0 M8 ~

喬治兄

last_idol 发表于 2020-4-2 23:09
固定住搜索框，会在0.1.7版里更新。

右键查询和双击查询觉得不是很实用，因为现在只加载单本词典，很多单 ...

, R2 i- u) A: e$ v* S* @last_idol 兄:
謝謝回覆,

有a标签词头跳转就够了

....不太理解指的是.....???
7 \. `3 `' w4 c9 A
Thanks again
# A5 N6 z4 K/ @' Z
& I( _+ P+ o1 T/ _2 D
& \; t4 m, L4 V6 m% _0 v3 y
: Y6 r; t% |5 g0 Q

last_idol

eplono 发表于 2020-4-2 16:03
Hi there，我Windows10 LTSC 2019的，打开“preview.exe”，选择一个mdx文件后，自动在chrome里打开"http:/ ...

! H' n6 w1 U9 [1 Y* X对的，只能在Chrome里或者类似360这种有Chromium内核的浏览器里使用。
# k- e: j* j- H! k2 ^" b
你是在Chrome里直接修改CSS吗？建议用文本编辑器修改保存CSS，比如Visual Studio Code，或者记事本也可以，这个软件支持实时监控MDX词典同目录下的CSS，用文本编辑器编辑CSS，会直接刷新浏览器里的网页，和在Chrome的里直接修改CSS是一样的效果。

然而我每次的"http://127.0.0.1:3030/"显示都是第一次打开mdx时的样子，必须得打开已经修改过的css、再保存一下才正常显示。

现在0.1.6版会强制浏览器更新CSS，欢迎使用，如果浏览器已经缓存了，需要先清空一次缓存。

last_idol

喬治兄 发表于 2020-4-2 23:37
last_idol 兄:
1 K0 _/ X# i+ G% G謝謝回覆, ....不太理解指的是.....???

1. <a href="entry://headword">link</>

复制代码

6 j; s" @8 H) w- ~; i
5 a' S& i& i. L就是词典里的这个。

喬治兄

last_idol 发表于 2020-4-2 23:47
就是词典里的这个。

1 s2 j" ^' _2 [* D0 L  xlast_idol 兄:
謝謝回覆

Blavik

抱歉啊。我比较小白啊。按您说的一切操作顺利。但是比如改完效果之后，最后怎么保存下来的呢？我按照以前用浏览器方式保存覆盖原来的.css文件，不成功。原来的效果全都没有了。麻烦指导一下。谢谢。

eplono

好像MDict PC内核是IE吧，应该有IE上使用的需求。

小白，VScode或NotePad++打开看不懂，只能借助chrome一边百度一边改，还是多亏看了这贴的情况下：
最最最最详细的手把手地教你修改css

4 W9 m5 ~; t4 A0.1.6自动调用chrome首次显示还是未更新的，果然要手动“clear browsing data...”之后才好了。自动调用chrome的127.0.0.1:3030是普通模式，可不可改为自动调用chrome的incognito模式？incognito模式不会保存缓存，这样更自动化一些。
; b6 o) v8 _3 {3 m. ]5 I0 K不修改也无碍，我把自动打开普通模式的127.0.0.1:3030复制到incognito模式里面也ok
! c0 J, ~; q- S8 D+ j/ m

last_idol

eplono 发表于 2020-4-3 09:29
好像MDict PC内核是IE吧，应该有IE上使用的需求。
6 @9 k+ @1 C% \$ J9 a7 \; `
: ?+ x$ k; Z, h( O小白，VScode或NotePad++打开看不懂，只能借助chrome一 ...

4 |4 w5 @! x7 m3 |3 a( v0 [WIN10上MDict PC 2.0最新版的内核仍然是IE7，没办法支持文本编辑器修改CSS，实时刷新页面这种操作。
, u/ k, @# H+ \5 B: M& w
不过用不用编辑器都无所谓，哪个熟悉用哪个，Chrome也相当于半个编辑器了，还自带实时刷新这种功能。
6 R6 Z1 b# |1 @% e5 @+ ]. @7 y! g" ~
- ~0 @( z, l; F  lincognito模式需要Chrome自己启动，我这边控制不了。
2 s" G( k: u$ S$ R6 @: P
感谢反馈！

last_idol

Blavik 发表于 2020-4-3 08:41
5 H. s1 |- M1 P9 G7 y6 y7 T抱歉啊。我比较小白啊。按您说的一切操作顺利。但是比如改完效果之后，最后怎么保存下来的呢？我按照以前用 ...

( f2 \1 E: X& _需要用文本编辑器，比如NotePad++，SublimeText或者VSCode打开CSS文件，一边改一边保存，浏览器会实时刷新页面，和在浏览器里修改效果是一样的。

Blavik

last_idol 发表于 2020-4-3 09:48
1 R, a4 p1 B  b需要用文本编辑器，比如NotePad++，SublimeText或者VSCode打开CSS文件，一边改一边保存，浏览器会实时刷新 ...

; }- H1 Q+ \$ ~6 u% {/ s9 ^" l+ u是啊。最后，我没找到更合适的方法就是你说的这样做了。用txt编辑器改原来的css文件。确实能看到proview实时刷新效果的。

eplono

0 q5 e/ E3 e  f& ?7 U, b8 X
# x7 f( X) L) ]/ F了解。在Chrome里面编辑的好处就是不用找class="xxxxxx"、不用判断找到的是否起效。
2 ]! J8 }' ~2 m' s% V+ M( {& i
3 {$ D. k; I9 X+ q; C我看到我的电脑自动调用浏览器的命令是：
7 V  p, y" z" ?% Z$ W6 v"C:\Program Files\Chrome\chrome.exe" -- "http://127.0.0.1:3030/"
3 u5 s0 X0 }* B9 @* t, y然后我新建一个快捷方式：
"C:\Program Files\Chrome\chrome.exe" -incognito "http://127.0.0.1:3030/"
能完美打开。
所以如果可以，检查到默认浏览器是（或者含）chrome，地址里多个参数“ -incognito ”这样，不知道可行不？只是小白的一个小小建议:)
8 }8 \( h* X! x# W8 `. Z（我试IE的就不行了："C:\Program Files\internet explorer\iexplore.exe" -incognito "http://127.0.0.1:3030/"）

last_idol

eplono 发表于 2020-4-3 10:32
了解。在Chrome里面编辑的好处就是不用找class="xxxxxx"、不用判断找到的是否起效。

$ `" L9 i0 b* w' e9 f  E9 K我看到我的电脑自动调 ...

' V1 }. K1 S- K$ S刚看了下，可以用你这个参数打开隐身模式，后面几个版本会考虑加上（MAC上直接传参简单，WIN上改动比较多），感谢反馈！