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

huala

last_idol 发表于 2020-3-31 12:08
  `/ ]  K0 N  i* X0 x有报错或者别的信息吗？只有10.13和10.14的系统。

1 E  _9 e% d2 q
报错信息见附件

last_idol

huala 发表于 2020-3-31 13:14
$ ^/ L; w( E; ?9 F报错信息见附件

# S! u" q3 _( j3 W2 Ehttps://www.lanzous.com/iauc87c
能帮忙试下这个版本的app吗？把依赖的库都打包进去了。

huala

last_idol 发表于 2020-3-31 12:08
! Z, f0 I0 i+ K  e  U+ q7 j有报错或者别的信息吗？只有10.13和10.14的系统。

可以打开了，体验很不错。
( o1 q7 m9 H: {4 ]1 `
! B% @- b' c% |6 l* f7 G但是对于词典里有类似于xml自定义标签的mdx，目前还不支持，不知道如果要实现这个会不会很难。

+ v5 e. F4 T- x8 `6 p$ K: I另：Mac系统自己有叫Preview的app。虽然由于系统文件保护的原因，自带的Preview可以和这个编辑辞典的Preview共存，可考虑Mac版的改个名字

last_idol

huala 发表于 2020-3-31 20:46
可以打开了，体验很不错。

/ o9 `4 X' _' [但是对于词典里有类似于xml自定义标签的mdx，目前还不支持，不知道如果要实现 ...

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

huala

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

我之前也比较纳闷，测试xml自定义标签，欧陆、GD都是支持的。
& ]5 g" i9 b9 H  k/ ]4 e
3 V2 K# D9 N* V" T+ c/ q% @/ t发现问题出在css文件名上，css文件有特殊字符或者汉字，Preview 加载不了。欧陆、GD倒是可正常加载这一类css。

last_idol

huala 发表于 2020-3-31 21:55
我之前也比较纳闷，测试xml自定义标签，欧陆、GD都是支持的。

8 f' d7 ^. Y: M$ X: j$ W0 @发现问题出在css文件名上，css文件有特殊 ...

. b- u) m  y7 Z6 V0 h3 J这个文件名0.1.5版修复了，晚点会发，感谢反馈！

last_idol

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

喬治兄

2 _1 o; R! g- U! U6 Y; |& Z1 |# }
, n2 \/ r3 u5 i3 V% Vlast_idol 兄:
* p2 P: O9 B# r: z. x小弟用了後深感蠻強大若再強化一些功能則應用無窮, 另外列舉些許看法
# i, Y/ N" g  Q/ ~! P不知仁兄是否可以考慮增加其功能
1. 此軟件可調用 mdx 於 ie, chrom ....瀏覽器
   Alt+F....輸入詞彙可查詢, 但因其內容若要再查則需再按Alt+F....輸入詞彙
   此可否設計個雙擊就可跳至要查詢的單字畫面, 或設計個按右鍵查詢那個 highlight 的單字
   且在生成另一網頁...此則可所查詢過的單詞都有個頁面隨時可在 review 一下
   此非常適於上網查單字用 mdx 檔
2. 目前需按Alt+F....才會跳出查詢框...按Alt+F----> 也是多餘的
   其實可以一直保留此查詢框在瀏覽器畫面上...想查什隨時輸入
+ g- W3 Z+ G$ U3. 設計個 history txt...也就是讓查詢過的單詞都紀錄於此文檔
   此文檔也可於 Mdict 匯入複習用
4. 其實可以考慮其 PC Mdict 目前的功能....其轉換至 ie, chrom....瀏覽器 版本
: e. p* {* O' d5 w5. 可以再針對目前顯示再規劃一下
    https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_frame_frameborder
<frameset cols="10%,90%">
* q3 _; V5 N0 ?/ F" h7 _  <frame src="frame_a.htm" frameborder="0">
7 Q' `+ @( z+ I( i: Y8 N  <frame src="frame_b.htm" frameborder="0">
</frameset>
</html>
或用 flex 功能也可
https://www.w3schools.com/cssref/tryit.asp?filename=trycss3_flex

https://www.pdawiki.com/forum/thread-39082-1-1.html
0 ^# c' C3 J0 [. C6 d# M9 ?
如同網頁版的 pc mdict

/ M% x& n: d2 P3 X
可一直保留此查詢框
& I' V! |' W/ C3 j
+ C: u' g" Z3 e
2 I8 h, T$ p* ^' a此可考慮雙擊, 或按右鍵再查詢...查詢結果再生成另一頁面   



+ v- o  {6 T1 c. V6 ]

Word

last_idol 发表于 2020-4-1 21:17
9 @/ G# w& K' a5 E4 j, A3 Z2 A* v5 q0.1.5版已发布。感谢@huala和@Word的反馈！

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

huala

, w! i! p5 A: H1 R$ |6 e: g
感谢发布更新～
+ }# B7 a; O  m, W# v' ^6 a  s  B
% \6 N9 x, i% }4 A3 ~. w# ^围绕启动页面可以增加相关设置选项，以下建议楼主有空时可考虑考虑：

( Y& C* R9 ~, @" b8 w$ @1、mdx信息对我来说并不需要，可考虑在软件设置里选择显示或不显示。

5 ]* R/ h% I+ G8 t/ [( m2、刚需：可在设置里预设body的css，比如调试夜间模式/暗色背景，通过预设body的css，启动后页面背景就是想要的全局暗色、字体、位置等等，这样就不用每次自己还要在单个词典css粘贴body的相关css代码。
/ I3 k4 X7 s  B3 E7 [3 R
+ T* f* \0 H' O3、刚需：可在设置里预设启动后就有搜索栏，并且一直保留，而不用Alt+F唤出。
2 J# p& \( a* e! w
4、刚需：可在设置里预设启动后自动显示第1条词目，如果觉得很多词典第1条词目内容少，那么就预设启动后自动显示第n条，或者随机显示某一条。本软件的初衷就是调试，这样做的好处是非常简单直接给出一个待调试词条，用户觉得要改，马上就可以改css，不用先去搜索查询。
/ W( W" j% q$ t' h) U$ ]2 `5 l
上面的建议核心其实就是省时、提高效率，节省n个的一秒两秒，就是节省巨大的社会成本。

$ X7 |0 w6 k/ u

eplono

# h4 n: t2 B7 [( }% H3 T
Hi 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，哭啊）
/ Q6 A- U6 b  p, K$ l, W2 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

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

+ A3 N* @! g7 w9 g# |/ @0 l固定住搜索框，会在0.1.7版里更新。
2 W) {$ Q' x- i0 N
右键查询和双击查询觉得不是很实用，因为现在只加载单本词典，很多单词都不存在，有a标签词头跳转就够了。
0 z; i9 ^! i3 x' a  a
history可以有，有时间后面几个版本会加上。

& V( U; T# r' p2 B8 ]0 `& j多个iframe，单页面增加了复杂度，功能完善后再考虑。
2 t! X6 k2 |1 ~
9 p9 Q0 k3 h# b( Z" D% e  X) r* Y+ A感谢反馈！

$ A* V3 a0 {8 C! n( g  B1 c- V( \

  M( L$ t. z) B# P4 v2 e

last_idol

Word 发表于 2020-4-2 02:12
1 }9 x) {6 b6 h2 ]! K0.1.5 版已经能正确读取和刷新我测试的所有词典了，在此基础上，为了对名称问题进行终极验证，我以 Golde ...

感谢支持！

last_idol

huala 发表于 2020-4-2 08:39
% C/ L* r/ b0 x7 S: ~+ ~5 ^感谢发布更新～
  d( E( B, m+ {
4 K3 y6 Z2 H5 u4 Z' P7 @! s围绕启动页面可以增加相关设置选项，以下建议楼主有空时可考虑考虑：

, E2 ?- R( G! y! d" M2 b0.1.7会固定住搜索框。

0 q% _$ r- n4 A3 d- D! w" T0 H) c0.1.8版会加入启动页面选项，允许随机显示词头 。

预设css这个，考虑读取exe同目录下的default.css注入词典里，有时间会加上。
/ y; U! D: p8 ~
2 Z$ ?6 `" B9 a9 z感谢反馈！
* n0 M9 s# ?4 n0 ]8 M' L

" a0 C# m% E/ O: B% n
! Y, j1 \1 P2 V6 s& @0 Y  L% `

喬治兄

last_idol 发表于 2020-4-2 23:09
, d3 B4 B3 P  `( `; }: H$ Q- e固定住搜索框，会在0.1.7版里更新。

7 Q* b/ K8 a  A- P右键查询和双击查询觉得不是很实用，因为现在只加载单本词典，很多单 ...

) Q$ V) u1 {8 j0 i: t* Vlast_idol 兄:
3 H  K3 `$ d# A% @7 w. U) x  F: c謝謝回覆,

有a标签词头跳转就够了

....不太理解指的是.....???

Thanks again

last_idol

eplono 发表于 2020-4-2 16:03
9 Y7 [- k4 |0 {" g7 e$ jHi there，我Windows10 LTSC 2019的，打开“preview.exe”，选择一个mdx文件后，自动在chrome里打开"http:/ ...

对的，只能在Chrome里或者类似360这种有Chromium内核的浏览器里使用。
: M: F- Z2 d5 [4 ?
你是在Chrome里直接修改CSS吗？建议用文本编辑器修改保存CSS，比如Visual Studio Code，或者记事本也可以，这个软件支持实时监控MDX词典同目录下的CSS，用文本编辑器编辑CSS，会直接刷新浏览器里的网页，和在Chrome的里直接修改CSS是一样的效果。

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

; n: T& d6 E; E( h现在0.1.6版会强制浏览器更新CSS，欢迎使用，如果浏览器已经缓存了，需要先清空一次缓存。

last_idol

喬治兄 发表于 2020-4-2 23:37
last_idol 兄:
& l/ s; N3 [. h# x謝謝回覆, ....不太理解指的是.....???

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

复制代码

0 m0 E0 U" g: W' i: t- L
9 V' h: ^$ ]8 W就是词典里的这个。

喬治兄

last_idol 发表于 2020-4-2 23:47
8 z( f5 Y8 ]2 W- d就是词典里的这个。

& h2 |6 k" o( _; {4 }' m% ulast_idol 兄:
謝謝回覆

Blavik

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

eplono

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

+ \. J5 T. e) H" D0 X: U小白，VScode或NotePad++打开看不懂，只能借助chrome一边百度一边改，还是多亏看了这贴的情况下：
最最最最详细的手把手地教你修改css

% V& i2 g( q+ D, Y. r) _0.1.6自动调用chrome首次显示还是未更新的，果然要手动“clear browsing data...”之后才好了。自动调用chrome的127.0.0.1:3030是普通模式，可不可改为自动调用chrome的incognito模式？incognito模式不会保存缓存，这样更自动化一些。
不修改也无碍，我把自动打开普通模式的127.0.0.1:3030复制到incognito模式里面也ok
2 ]+ i& \' e& x# ]7 r

last_idol

eplono 发表于 2020-4-3 09:29
* k# I6 |0 ^& v7 Q好像MDict PC内核是IE吧，应该有IE上使用的需求。
# q. W0 M3 n1 u' a: m3 Q
小白，VScode或NotePad++打开看不懂，只能借助chrome一 ...

& S7 o  g7 ~/ K, E9 ]) F, _WIN10上MDict PC 2.0最新版的内核仍然是IE7，没办法支持文本编辑器修改CSS，实时刷新页面这种操作。

不过用不用编辑器都无所谓，哪个熟悉用哪个，Chrome也相当于半个编辑器了，还自带实时刷新这种功能。
/ n4 Z$ ^9 Z# s% p  [2 {
" d& j  [- R9 G0 T% Jincognito模式需要Chrome自己启动，我这边控制不了。
" p" H! O9 y2 H0 v! i8 H
感谢反馈！

last_idol

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

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

Blavik

last_idol 发表于 2020-4-3 09:48
* c  _: U9 r2 o. a+ ]4 I& W需要用文本编辑器，比如NotePad++，SublimeText或者VSCode打开CSS文件，一边改一边保存，浏览器会实时刷新 ...

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

eplono

! d; M2 A2 T: g
了解。在Chrome里面编辑的好处就是不用找class="xxxxxx"、不用判断找到的是否起效。

) q1 ^) y  k! h" J( x我看到我的电脑自动调用浏览器的命令是：
"C:\Program Files\Chrome\chrome.exe" -- "http://127.0.0.1:3030/"
然后我新建一个快捷方式：
"C:\Program Files\Chrome\chrome.exe" -incognito "http://127.0.0.1:3030/"
能完美打开。
0 `, X9 o4 D8 e3 `- e6 ?8 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
. N+ g: x: |1 S7 z% T1 ^8 c了解。在Chrome里面编辑的好处就是不用找class="xxxxxx"、不用判断找到的是否起效。

6 e, J2 D! r3 a+ A我看到我的电脑自动调 ...

* i# m8 L0 g) M+ d4 T5 R! I刚看了下，可以用你这个参数打开隐身模式，后面几个版本会考虑加上（MAC上直接传参简单，WIN上改动比较多），感谢反馈！