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

huala

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

8 t$ g. g6 F) w! f" Y! ~
报错信息见附件
, w4 p1 \( B0 M2 e; H9 d

last_idol

huala 发表于 2020-3-31 13:14
报错信息见附件

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

huala

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

9 g" d/ D7 e* m' K' D0 @! M可以打开了，体验很不错。

3 B/ K- M1 D& G7 Q但是对于词典里有类似于xml自定义标签的mdx，目前还不支持，不知道如果要实现这个会不会很难。
, T9 \' K' ~) q8 N. g1 S3 ?
9 ]8 V, m4 M* p0 q5 r! d6 W另：Mac系统自己有叫Preview的app。虽然由于系统文件保护的原因，自带的Preview可以和这个编辑辞典的Preview共存，可考虑Mac版的改个名字

last_idol

huala 发表于 2020-3-31 20:46
可以打开了，体验很不错。
' i0 y3 m, x6 V. ^( k
) W, e6 g9 }, B& ]但是对于词典里有类似于xml自定义标签的mdx，目前还不支持，不知道如果要实现 ...

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

huala

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

. s8 k" z4 o# w/ P) T, N! h我之前也比较纳闷，测试xml自定义标签，欧陆、GD都是支持的。
! t" N! M4 c- a1 g# T  S& K
发现问题出在css文件名上，css文件有特殊字符或者汉字，Preview 加载不了。欧陆、GD倒是可正常加载这一类css。

last_idol

huala 发表于 2020-3-31 21:55
( x* N" k% H% \0 ^  `我之前也比较纳闷，测试xml自定义标签，欧陆、GD都是支持的。
' T0 D% b( }8 \7 _; x% [
发现问题出在css文件名上，css文件有特殊 ...

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

last_idol

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

喬治兄

last_idol 兄:
3 X/ J$ d& E# ]7 Q( K- ^. @小弟用了後深感蠻強大若再強化一些功能則應用無窮, 另外列舉些許看法
不知仁兄是否可以考慮增加其功能
) {1 T  Y. u. w- _! k( Y0 y1. 此軟件可調用 mdx 於 ie, chrom ....瀏覽器
! c/ K: n. E- s9 d, D& j   Alt+F....輸入詞彙可查詢, 但因其內容若要再查則需再按Alt+F....輸入詞彙
   此可否設計個雙擊就可跳至要查詢的單字畫面, 或設計個按右鍵查詢那個 highlight 的單字
3 X# M% {8 ~' j   且在生成另一網頁...此則可所查詢過的單詞都有個頁面隨時可在 review 一下
% i, Q% b- c  N   此非常適於上網查單字用 mdx 檔
2. 目前需按Alt+F....才會跳出查詢框...按Alt+F----> 也是多餘的
   其實可以一直保留此查詢框在瀏覽器畫面上...想查什隨時輸入
3. 設計個 history txt...也就是讓查詢過的單詞都紀錄於此文檔
   此文檔也可於 Mdict 匯入複習用
( L! q7 U# ]: d" ?6 d* _" x4. 其實可以考慮其 PC Mdict 目前的功能....其轉換至 ie, chrom....瀏覽器 版本
5. 可以再針對目前顯示再規劃一下
    https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_frame_frameborder
<frameset cols="10%,90%">
, V& A9 F: u2 l; H4 n2 F* M  <frame src="frame_a.htm" frameborder="0">
  <frame src="frame_b.htm" frameborder="0">
% V* d7 R+ ?& ^. B0 Q  g</frameset>
</html>
或用 flex 功能也可
( K( m% q0 k: vhttps://www.w3schools.com/cssref/tryit.asp?filename=trycss3_flex

# N  ?- w0 l7 I$ I& S) H+ _https://www.pdawiki.com/forum/thread-39082-1-1.html
$ ]( C3 o2 l! e2 z' v3 \$ S. c' C: ^
+ l- w) ]0 Q1 Y- D9 ~" o5 y4 R如同網頁版的 pc mdict


# L$ G8 P* P5 u1 b8 V可一直保留此查詢框
, a! E( b! ?. ~1 g1 `- I' `7 X

此可考慮雙擊, 或按右鍵再查詢...查詢結果再生成另一頁面   
7 I9 _; l' m" g
: D4 z8 l5 P$ A1 {, l  ~9 y


  p6 ^' W$ |6 a! L* k4 j

Word

last_idol 发表于 2020-4-1 21:17
% ~) l2 X  M% A, x0.1.5版已发布。感谢@huala和@Word的反馈！

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

huala

1 B2 d! t1 F- k* j  `& p: T- x4 P
) l0 A. v9 U1 q( h7 R7 t; q感谢发布更新～

; Q; V3 L3 n. n- O' C+ i围绕启动页面可以增加相关设置选项，以下建议楼主有空时可考虑考虑：
( H) n9 N. x9 M/ g$ u
1、mdx信息对我来说并不需要，可考虑在软件设置里选择显示或不显示。
# o: s( N$ R8 ]! K- Q1 C
- D. Z5 w4 t2 r: f" t$ i2、刚需：可在设置里预设body的css，比如调试夜间模式/暗色背景，通过预设body的css，启动后页面背景就是想要的全局暗色、字体、位置等等，这样就不用每次自己还要在单个词典css粘贴body的相关css代码。

3、刚需：可在设置里预设启动后就有搜索栏，并且一直保留，而不用Alt+F唤出。

4、刚需：可在设置里预设启动后自动显示第1条词目，如果觉得很多词典第1条词目内容少，那么就预设启动后自动显示第n条，或者随机显示某一条。本软件的初衷就是调试，这样做的好处是非常简单直接给出一个待调试词条，用户觉得要改，马上就可以改css，不用先去搜索查询。

上面的建议核心其实就是省时、提高效率，节省n个的一秒两秒，就是节省巨大的社会成本。

eplono

3 k# T) E  L/ F1 W! }- U7 @" I
1 i! W0 b4 T9 W$ CHi 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，哭啊）
3 \: V1 @4 W0 y) U第二个就是，我默认浏览器chrome，自动打开"http://127.0.0.1:3030/"能正常Alt + F，我复制"http://127.0.0.1:3030/"到IE后就Alt + F就变成打开菜单栏的”File“了，不能查词，这时候回到chrome也不能查词了，神奇哈。得关闭“preview.exe”，重新来。只能默认浏览器用

last_idol

' d. `& Z9 g6 y' n

喬治兄 发表于 2020-4-2 00:27
3 g# G- t. l9 plast_idol 兄:
小弟用了後深感蠻強大若再強化一些功能則應用無窮, 另外列舉些許看法
% z( v& L5 `0 U% p3 s不知仁兄是否可以考慮 ...

1 ]+ O# {; @8 D: v. V" T固定住搜索框，会在0.1.7版里更新。
( J5 m' k8 G8 W# b9 p  Z
右键查询和双击查询觉得不是很实用，因为现在只加载单本词典，很多单词都不存在，有a标签词头跳转就够了。

- _+ F: H1 \7 e, zhistory可以有，有时间后面几个版本会加上。
& j* ~" j# n- u$ t- i4 t
& P( p7 l$ a+ X' D+ o  Y; ~多个iframe，单页面增加了复杂度，功能完善后再考虑。
2 Y' o' f0 h4 H3 Y, x
' P) G0 t* [- x$ M( H  _) w  @4 n: H9 V感谢反馈！
7 _( A. R8 Y) Z* E# O


: Y( o# Z# {' V# {  k2 h; f

last_idol

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

0 A( L0 T! B# T6 O8 a* W3 t6 g感谢支持！

last_idol

huala 发表于 2020-4-2 08:39
9 r6 z' h! W6 h& m感谢发布更新～
' ~. q3 v% J8 a
8 ?0 G9 n: Q7 Y7 j  z围绕启动页面可以增加相关设置选项，以下建议楼主有空时可考虑考虑：

0.1.7会固定住搜索框。

0.1.8版会加入启动页面选项，允许随机显示词头 。

预设css这个，考虑读取exe同目录下的default.css注入词典里，有时间会加上。

感谢反馈！
8 O$ a/ k, h7 h5 T9 t* N% }
( R4 z# H/ M2 O3 R" q
& _) U2 e7 H; ^, u. y( _

喬治兄

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

$ V( L& O/ f% I  {3 Q右键查询和双击查询觉得不是很实用，因为现在只加载单本词典，很多单 ...

% i8 F0 N! ?6 k! F; E! H, |9 Dlast_idol 兄:
謝謝回覆,

有a标签词头跳转就够了

....不太理解指的是.....???
# c4 Q% o0 E( ?  K$ }
Thanks again
, R0 i, z0 M' j: D7 V
0 w4 R  P* `1 y& k
' Q- S+ F, i: d' J# V0 v

last_idol

) J; s; V: O* V  }- E

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

对的，只能在Chrome里或者类似360这种有Chromium内核的浏览器里使用。
/ s+ y& \  \8 S
3 Z+ w" F# y  }! @8 t你是在Chrome里直接修改CSS吗？建议用文本编辑器修改保存CSS，比如Visual Studio Code，或者记事本也可以，这个软件支持实时监控MDX词典同目录下的CSS，用文本编辑器编辑CSS，会直接刷新浏览器里的网页，和在Chrome的里直接修改CSS是一样的效果。
7 c8 O& ^$ S6 L; [3 k# G" V* c
# u% N1 S2 c+ u4 r8 v

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

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

last_idol

喬治兄 发表于 2020-4-2 23:37
last_idol 兄:
謝謝回覆, ....不太理解指的是.....???

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

复制代码

7 r) z! G; Q' y
, {8 K! n9 i: E' `, \2 M0 {就是词典里的这个。

喬治兄

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

0 }/ f, Z) G5 elast_idol 兄:
: Q  @3 c) J9 h' r2 H) f+ \謝謝回覆

Blavik

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

eplono

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

4 p$ x& N0 l# S3 J8 X7 o! ^小白，VScode或NotePad++打开看不懂，只能借助chrome一边百度一边改，还是多亏看了这贴的情况下：
$ }$ u. |2 b$ g1 X" C. z# D6 x最最最最详细的手把手地教你修改css

0.1.6自动调用chrome首次显示还是未更新的，果然要手动“clear browsing data...”之后才好了。自动调用chrome的127.0.0.1:3030是普通模式，可不可改为自动调用chrome的incognito模式？incognito模式不会保存缓存，这样更自动化一些。
: W# N# s$ |' r不修改也无碍，我把自动打开普通模式的127.0.0.1:3030复制到incognito模式里面也ok

last_idol

eplono 发表于 2020-4-3 09:29
好像MDict PC内核是IE吧，应该有IE上使用的需求。

+ P6 l' R8 d7 `+ u! F' `. m! X小白，VScode或NotePad++打开看不懂，只能借助chrome一 ...

( L2 o9 j- Z. S5 _+ o4 qWIN10上MDict PC 2.0最新版的内核仍然是IE7，没办法支持文本编辑器修改CSS，实时刷新页面这种操作。
8 x5 `6 p$ i9 {8 x2 Z! D. v. i
6 N& n! }" \( B不过用不用编辑器都无所谓，哪个熟悉用哪个，Chrome也相当于半个编辑器了，还自带实时刷新这种功能。

4 d. [  R& g+ }incognito模式需要Chrome自己启动，我这边控制不了。

感谢反馈！

last_idol

Blavik 发表于 2020-4-3 08:41
$ U% i. ]( y$ N8 f' j) P抱歉啊。我比较小白啊。按您说的一切操作顺利。但是比如改完效果之后，最后怎么保存下来的呢？我按照以前用 ...

$ D1 C1 A$ S: m4 b1 p需要用文本编辑器，比如NotePad++，SublimeText或者VSCode打开CSS文件，一边改一边保存，浏览器会实时刷新页面，和在浏览器里修改效果是一样的。

Blavik

last_idol 发表于 2020-4-3 09:48
; Y3 }; G/ w4 s+ i7 D& b  R6 _需要用文本编辑器，比如NotePad++，SublimeText或者VSCode打开CSS文件，一边改一边保存，浏览器会实时刷新 ...

; N( v2 d9 d. o6 J5 I是啊。最后，我没找到更合适的方法就是你说的这样做了。用txt编辑器改原来的css文件。确实能看到proview实时刷新效果的。

eplono

6 ^4 l  ?! j2 y$ r& `6 c7 J$ d  h
7 I& x: Q3 I' G7 I. c+ E8 b  V2 j- z了解。在Chrome里面编辑的好处就是不用找class="xxxxxx"、不用判断找到的是否起效。
" A- ^7 E) J; u. Y$ \
# e) r( p: V" V/ V# L5 ^5 Q& o我看到我的电脑自动调用浏览器的命令是：
"C:\Program Files\Chrome\chrome.exe" -- "http://127.0.0.1:3030/"
然后我新建一个快捷方式：
0 T, r6 Z6 t1 q5 e"C:\Program Files\Chrome\chrome.exe" -incognito "http://127.0.0.1:3030/"
* H7 U, S3 q8 A' D2 s能完美打开。
2 H# B. ]2 r9 H7 B0 A% d+ @所以如果可以，检查到默认浏览器是（或者含）chrome，地址里多个参数“ -incognito ”这样，不知道可行不？只是小白的一个小小建议:)
（我试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"、不用判断找到的是否起效。
0 Q0 r/ z# ^' y7 F9 J
; N3 h" a2 \/ L( C6 y3 R* g0 F6 S$ E我看到我的电脑自动调 ...

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