# Preview - 修改MDX CSS的神器，支持CSSJS实时预览 **URL:** \ **Category:** 技术交流与词典编修\ **Created:** [2020 年3 月 28 日 14:28 UTC](https://forum.freemdict.com/t/topic/1251 "2020-03-28T14:28:21Z")\ **Posts on this page:** 20\ **Page:** 2
作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\ 发布日期： [2020 年4 月 1 日 13:18 UTC](https://forum.freemdict.com/t/topic/1251/24 "2020-04-01T13:18:31Z")
借用下广告词。 ---
作者： ![匿名13](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E5%8C%BF/e36b37/32.png) [@匿名13](https://forum.freemdict.com/u/%E5%8C%BF%E5%90%8D13)\ 发布日期： [2020 年4 月 1 日 23:00 UTC](https://forum.freemdict.com/t/topic/1251/25 "2020-04-01T23:00:36Z")
我看這個倒是相較於我用的那個省了一口氣 我用的倒很像樓主說的兩種:GD提取html，再把css，js放到同一文件夾，然後先把html的 href的其中什麼某某.css前邊的東西去掉，然後再利用atom+atom html previewer進行實時修改 不過看著樓主這個很省氣，不用調取html，也不用從mdd中取css，贊一個 ---
作者： ![Word](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/word/32/696_2.png) [@Word](https://forum.freemdict.com/u/Word)\ 发布日期： [2020 年4 月 2 日 04:39 UTC](https://forum.freemdict.com/t/topic/1251/26 "2020-04-02T04:39:33Z")
原来还在做GD的替代方案，也期待一下 😋 ---
作者： ![hua](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/hua/32/11090_2.png) [@hua](https://forum.freemdict.com/u/hua)\ 发布日期： [2020 年4 月 2 日 05:58 UTC](https://forum.freemdict.com/t/topic/1251/27 "2020-04-02T05:58:49Z")
2020 年4 月 2 日 05:58 UTC置顶 ---
作者： ![王绍军](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/%E7%8E%8B/e95f7d/32.png) [@王绍军](https://forum.freemdict.com/u/%E7%8E%8B%E7%BB%8D%E5%86%9B)\ 发布日期： [2020 年4 月 3 日 00:41 UTC](https://forum.freemdict.com/t/topic/1251/28 "2020-04-03T00:41:28Z")
虽然俺啥也看不懂，但是俺还是要支持以下 😄 ---
作者： ![Arlin](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/a/82dd89/32.png) [@Arlin](https://forum.freemdict.com/u/Arlin)\ 发布日期： [2020 年4 月 3 日 05:45 UTC](https://forum.freemdict.com/t/topic/1251/29 "2020-04-03T05:45:03Z")
![image](https://forumcdn.freemdict.com/uploads/default/original/2X/9/98febec2206cb66543f41105f66bc9aff566700e.png) ??? ---
作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\ 发布日期： [2020 年4 月 3 日 06:03 UTC](https://forum.freemdict.com/t/topic/1251/30 "2020-04-03T06:03:31Z")
怀疑这是蓝奏云的问题，百度云也有类似情况。Chrome的拦截原因包括： > 我们发现您要下载的文件的来源网站是已知会传播恶意软件的网站。 除了0.1.2版为WIN7加过新东西，后续版本没添加任何新东西，都是在原有基础上改，以VirSCAN.org的49个杀毒引擎的报告为准吧，我认为是Chrome误报，这种情况我也控制不了。 这里单独提供下你试试，看看会不会报毒。[Preview-0.1.6-x86\_64-pc-windows-msvc.zip](https://forum.freemdict.com/uploads/short-url/yGANZ3CpRDsGko3C4Phtida1XuL.zip) (2.8 MB) [https://r.virscan.org/language/zh-cn/report/82523cd8e38606f9a840b5576cf9326b](https://r.virscan.org/language/zh-cn/report/82523cd8e38606f9a840b5576cf9326b) [https://r.virscan.org/language/zh-cn/report/2394440a7021b80e968f391d96412299](https://r.virscan.org/language/zh-cn/report/2394440a7021b80e968f391d96412299) ---
作者： ![Arlin](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/a/82dd89/32.png) [@Arlin](https://forum.freemdict.com/u/Arlin)\ 发布日期： [2020 年4 月 3 日 07:08 UTC](https://forum.freemdict.com/t/topic/1251/31 "2020-04-03T07:08:23Z")
这个没有报毒 ---
作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\ 发布日期： [2020 年4 月 3 日 07:23 UTC](https://forum.freemdict.com/t/topic/1251/32 "2020-04-03T07:23:50Z")
那就是Chrome误报。每次发版我会先通过VirSCAN的检查。 ---
作者： ![Arlin](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/a/82dd89/32.png) [@Arlin](https://forum.freemdict.com/u/Arlin)\ 发布日期： [2020 年4 月 3 日 07:37 UTC](https://forum.freemdict.com/t/topic/1251/33 "2020-04-03T07:37:00Z")
嗯嗯，超级好用 ---
作者： ![Brice](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/brice/32/5_2.png) [@Brice](https://forum.freemdict.com/u/Brice)\ 发布日期： [2020 年4 月 4 日 02:05 UTC](https://forum.freemdict.com/t/topic/1251/34 "2020-04-04T02:05:11Z")
我偶尔会来论坛水一下。 ---
作者： ![zaojz](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/z/c68b51/32.png) [@zaojz](https://forum.freemdict.com/u/zaojz)\ 发布日期： [2020 年4 月 4 日 15:19 UTC](https://forum.freemdict.com/t/topic/1251/35 "2020-04-04T15:19:07Z")
楼主图片中用的什么文本编辑器呢 ---
作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\ 发布日期： [2020 年4 月 4 日 15:21 UTC](https://forum.freemdict.com/t/topic/1251/36 "2020-04-04T15:21:10Z")
VSCode [https://code.visualstudio.com/](https://code.visualstudio.com/) ---
作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\ 发布日期： [2020 年4 月 9 日 05:24 UTC](https://forum.freemdict.com/t/topic/1251/37 "2020-04-09T05:24:45Z")
0.1.8版已支持@@@LINK自动跳转。感谢反馈！ ---
作者： ![cmm](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/cmm/32/7035_2.png) [@cmm](https://forum.freemdict.com/u/cmm)\ 发布日期： [2020 年4 月 12 日 05:24 UTC](https://forum.freemdict.com/t/topic/1251/38 "2020-04-12T05:24:13Z")
😻😻😻 赞赞赞，牛牛牛，厉害厉害 😻😻😻 * * * 请问这个会提供 GitHub 咩 😀 * * * ---
作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\ 发布日期： [2020 年4 月 12 日 14:39 UTC](https://forum.freemdict.com/t/topic/1251/39 "2020-04-12T14:39:28Z")
短时间没这计划。 ---
作者： ![last\_idol](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/last_idol/32/2205_2.png) [@last\_idol](https://forum.freemdict.com/u/last_idol)\ 发布日期： [2020 年4 月 12 日 16:43 UTC](https://forum.freemdict.com/t/topic/1251/41 "2020-04-12T16:43:05Z")
不算HMR，webpack那种很复杂搞不定，就是简单的livereload。思路是后台监听词典同目录下文件，前端订阅文件变更，有变更后台用websocket通知前端需要变更的文件名，然后是CSS就加时间戳，是JS就刷新iframe。 ---
作者： ![dqg](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/d/919ad9/32.png) [@dqg](https://forum.freemdict.com/u/dqg)\ 发布日期： [2020 年4 月 17 日 01:44 UTC](https://forum.freemdict.com/t/topic/1251/42 "2020-04-17T01:44:10Z")
牛人 啊tt ---
作者： ![MicroX](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/microx/32/57363_2.png) [@MicroX](https://forum.freemdict.com/u/MicroX)\ 发布日期： [2020 年4 月 19 日 18:56 UTC](https://forum.freemdict.com/t/topic/1251/43 "2020-04-19T18:56:45Z")
我修改下面链接的css随机到的单词“Maryolatry”，出现一堆“@@@LINK=”，一开始以为是词典问题，后来把词典放MDictPC端一查，正常，推断是“Preview”的问题了。 [新世纪英汉大 191008 改版](https://forum.freemdict.com/t/topic/1359) ---
作者： ![atauzki](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/atauzki/32/1365_2.png) [@atauzki](https://forum.freemdict.com/u/atauzki)\ 发布日期： [2020 年4 月 20 日 01:53 UTC](https://forum.freemdict.com/t/topic/1251/44 "2020-04-20T01:53:51Z")
你用的是旧版吧 [上一页](https://forum.freemdict.com/t/topic/1251.md?page=1) [下一页](https://forum.freemdict.com/t/topic/1251.md?page=3)