doocs / md

✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性
https://doocs.github.io/md/
Do What The F*ck You Want To Public License
5.88k stars 948 forks source link

导出css文件 #412

Open puppyapple opened 2 months ago

puppyapple commented 2 months ago

请问有什么途径可以将选好了配置的主题导出成css文件么?

YangFong commented 2 months ago

我想过导入和导出「自定义CSS」内容,还有导出当前用户的样式配置数据,但不会导出项目的预设样式。

需要看你的具体使用场景是什么。

puppyapple commented 2 months ago

感谢回复。

我的场景是觉得您项目里提供的预设样式经过简单配置手动配置之后感官效果非常舒服, 因此希望能在自己本地的所见即所得编辑器(例如typora、obsidian)里直接使用同样的css配置来获得一致的视觉效果,从而省去了频繁地将编辑中文章md粘贴到页面预览来查看效果的繁琐。 (虽然项目提供的页面也能具备很好的md编辑的功能,但毕竟个人的编辑工具、习惯以及工作流很难改变)。 项目非常棒,感谢🙏

2024年9月17日 11:31,YangFong @.***> 写道:

我想过导入和导出「自定义CSS」内容,还有导出当前用户的样式配置数据,但不会导出项目的预设样式。

需要看你的具体使用场景是什么。

— Reply to this email directly, view it on GitHub https://github.com/doocs/md/issues/412#issuecomment-2354435395, or unsubscribe https://github.com/notifications/unsubscribe-auth/AH4VP2PDZDS555EDLQLP23DZW6O77AVCNFSM6AAAAABOKP6VVWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDGNJUGQZTKMZZGU. You are receiving this because you authored the thread.

YangFong commented 2 months ago

那么在这方面,最优解是,为 ob 做一个主题并加入其主题库。因为直接导出,大致看不到理想效果的,因为元素和类名不一样,还需要重写 CSS 变量。这方面,我没有试过,就是专门去写一个主题。

我个人也是常用 ob 的,也许最简单的方式是写一个插件,读取当前选中的文件并渲染。

比如这样:

image
YangFong commented 2 months ago

当然也的说,该项目的定位是微信公众号发文编辑器。而这些,并不在其范畴当中。不过我找到了一个方式,也许会有帮助,你可以试试 <iframe>

<iframe src="https://doocs.github.io/md" style="height: 80vh; width: 50vw">

效果:

image image

当然这个窗口有点怪哈,我再补充一个响应式设计,小窗口时只展示渲染区内容,那么使用就大致没问题了。

puppyapple commented 2 months ago

感谢这么及时的回复,这个方案我试试哈,虽然不是理想的样子,不过感觉够用了!中秋快乐🥮发自我的 iPhone在 2024年9月17日,12:19,YangFong @.***> 写道: 当然也的说,该项目的定位是微信公众号发文编辑器。而这些,并不在其范畴当中。不过我找到了一个方式,也许会有帮助,你可以试试