草庐IT

markdown编辑器

吨吨不打野 2025-02-19 原文

文章目录

✅ 当前markdown方案

尝试了以下内容:

  • sublimeText+markdown插件
  • macdown编辑器
  • vscode+插件

当前的解决方案

  • 预览上,使用macdown编辑器,轻量级,打开快,默认双栏,UI界面美观度还可以
  • 编辑上,使用vscode+Markdown Paste插件,vscode打开稍微有点慢,重了些;这个插件就是直接粘贴图像会帮你保存到一个默认位置。就是我找了好久想要的功能,哈哈哈;marktext很丑,typora。。

🌈 milkdown及其他类似的编辑器

结论
看了一圈,算了,还是不折腾这种npm前端的包了,老老实实用vscode+插件吧,也不要什么WYSIWYG了,有兴趣和前端基础的可以去折腾一下

引入

  • 稀里糊涂发现在vscode的markdown文件右击,可以看到Milkdown这个东西,
  • 也就是说:VScode的markdown功能实现是使用的Milkdown插件。

关于milkdown

  • Milkdown是一个所见即所得的Markdown编辑器,基于prosemirror和remark构建,完全开源,可以运行在浏览器和electron中。类似开源可自由扩展的Typora。
  • 适用于需要混合富文本和Markdown的使用场景,例如需要使用markdown作为存储但需兼顾不熟悉markdown的用户。或喜欢所见即所得的编辑模式的用户。入门开发者可以学习到如何使用prosemirror来开发富文本编辑器,以及如何设计一个针对编辑器的插件系统。
  • 不同于其它Markdown编辑器,Milkdown是插件驱动的,因此用户可以根据自己的需要定制编辑器的能力,例如扩展特有的markdown语法,渲染特殊节点,定制主题。

参考:

其他

除了这个milkdown,其实还有很多类似的前端(基于JavaScript或者Typescript的)写的markdown编辑器,基本都是基于vue或者react框架的,对于前端小白来说,不是很能快速上手。同类型的还有:


参考:最适合程序员的笔记软件-阮一峰

😂 伤心的typora(美化typora,主题)

进入typora的主题网页:https://theme.typora.io,如果打不开请考虑科学上网。不能科学上网的也没关系,我下面会放一些主题的图片,自行选择。

注意,这些主题并不一定经过完全的测试,可能导出pdf会有问题,可能显示会有问题,请自行斟酌/修改使用

我最后选择的是 orange-heart主题

1.1 如何使用新主题

以mac为例,偏好设置->外观->打开主题文件夹

我的主题文件夹位于:/Users/yourname/Library/Application Support/abnerworks.Typora

直接将所下载主题的CSS文件放入其中,然后重启Typora,重启后就可以在主题中找到自己刚刚添加的主题了

另外,根据Typora官方文档:Install Theme

  • 主题的css文件名必须是小写,名称中不允许包含空格,但是可以有短横线,例如:my-typora-theme.css
  • 也可以在现有主题的基础上再进行一些简单的修改。

1.2 一些比较好看的主题

blubook主题

Github地址:typora-blubook-theme主题

orange-heart主题

Github地址:orange-heart主题

Gitbook主题(包含三种颜色样式)

注意,这个主题自带了一些字体,必须把下载下来的CSS文件以及gitbook文件夹都放到typora的主题文件夹中。

Github地址:ypora-gitbook-theme主题

Mint主题(支持暗色模式)

同样有一些特殊显示,所以不仅要把下载下来的CSS文件放到typora的主题文件夹中,对应的mint文件夹也要放进去。
Github地址:Mint主题

Notion主题(也是三种颜色模式)

Github地址:Notion主题

包含classicenhanced两种模式,enhanced对引用块增加了背景颜色,对表格实现了隔行背景色区分的效果,提升了可读性。因此,建议直接只使用enhanced的三个CSS文件即可。

1.3. 自定义主题

这里的自定义其实也就是在别人的基础上做一些小的调整,使之更符合自己的习惯/需求。

有css基础的可以考虑自己捣鼓一下,参考Write Custom Theme_zh,需要科学上网才看得见。。

有关markdown编辑器的更多相关文章

  1. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

    我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

  2. 语法类似于 GitHub Flavored Markdown 的 Ruby markdown 解释器? - 2

    我使用Jekyll运行博客,并认为我会解决RedcarpetMarkdown解释器,因为它是developedandusedbyGitHub.好吧,我只是碰巧遇到了一个错误,去检查问题,然后foundthis.Maintainersays,"Asyouprobablyhavenoticed(harharharhar)Idon'thavetimetomaintainRedcarpetanymore.It'snotapriorityforme(IfindMarkdownthoroughlyboring)andit'snotapriorityforGitHub,becausewenolong

  3. ruby - 代码块中的 Markdown 换行符 - 2

    使用Redcarpet,当我在Markdown中包含类似以下内容时,它不考虑任何换行符或缩进。我在行尾尝试了两个空格。代码之间的额外行。似乎没有任何效果。```xml3```我明白了:3这里是Redcarpet设置:Redcarpet::Markdown.new(Redcarpet::Render::HTML,:autolink=>true,:space_after_headers=>true,:fenced_code_blocks=>true,:no_intra_emphasis=>true,:lax_html_blocks=>true)我需要做什么才能正确换行并保留缩进,就像这里或

  4. ruby-on-rails - 我需要从 HTML 转到 markdown,有什么建议吗? - 2

    我正在使用Maruku,将Markdown(超集)转换为HTML,你知道我该怎么做才能从HTML转换为Markdown吗? 最佳答案 Google发现了一个名为reverse_markdown的ruby​​脚本.它似乎可以满足您的需求。 关于ruby-on-rails-我需要从HTML转到markdown,有什么建议吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/175162

  5. ruby-on-rails - 尝试打开 .gitignore 以在文本编辑器中对其进行编辑,但在 OS X Mountain Lion 上找不到文件位置 - 2

    我使用“newapp_name”创建了一个新的Rails应用程序,我正在尝试编辑.gitignore文件,但在我的应用程序文件夹中找不到它。我在哪里可以找到它?我安装了Git。 最佳答案 .gitignore位于项目的root中,而不是app子目录中。首先打开终端并进入您的目录。您需要使用ls-a来显示stash文件。然后使用打开.gitignore 关于ruby-on-rails-尝试打开.gitignore以在文本编辑器中对其进行编辑,但在OSXMountainLion上找不到文件位

  6. ruby-on-rails - 如何在 vim 编辑器中使用 bundler 打开 gem 源代码 - 2

    尝试使用bundleopen命令打开gem源代码,accordingtoofficialdocumentationandinstruction.因此,我在.profile中导出编辑器:exportBUNDLER_EDITOR=viexportEDITOR=vi并尝试打开例如rails使用控制台的源代码:bundleopenrails出现错误CouldnotlocaleGemfile[ruby-2.1.1][~/]$:rails-vRails4.0.3[ruby-2.1.1][~/]$:bundle-vBundlerversion1.5.3[ruby-2.1.1][~/]$:bundle

  7. ruby-on-rails - Rails 编辑序列化的 JSON 数据 - 2

    我有一个存储JSON数据的列。当它处于编辑状态时,我不知道如何显示它。serialize:value,JSON=f.fields_for:valuedo|ff|.form-group=ff.label:short=ff.text_field:short,class:'form-control'.form-group=ff.label:long=ff.text_field:long,class:'form-control' 最佳答案 代替=f.fields_for:valuedo|ff|请使用以下代码:=f.fields_for:va

  8. ruby-on-rails - 尝试编辑时,Rails form_for 结果为 POST 而不是 PUT - 2

    我正在使用Rails4并遇到以下错误。RoutingErrorNoroutematches[POST]"/logs/1/meals/13/edit我正在使用:meal传递模型对象的form_for,并且编辑页面正确呈现。但是,Rails似乎并没有检查膳食对象是否已经保存,因此它一直尝试将表单发送到#create操作并尝试发出POST请求,而不是将表单发送到更新操作并进行当我点击提交时一个PUT请求。我如何让form_for识别我正在尝试更新现有对象并且需要PUT而不是POST?其他一切正常,我已经运行了所有迁移。我是Rails的新手,几乎一整天都在尝试自己解决这个问题。请帮忙!请注意,

  9. ruby-on-rails - 如何以一种形式编辑多个模型? - 2

    我从教练那里接到了任务。我想以一种形式编辑两个模型。例如,我们有两个实体学生和地址。在新学生部分,我想添加学生详细信息和地址。我如何通过ruby​​onrails中的脚手架实现这一目标? 最佳答案 您可以使用accepts_nested_attributes_for和fields_for建立一个表格来同时创建两个模型,所以你也可以编辑它们。这种形式称为嵌套形式。这里有一个关于Nestedform的引用给你,. 关于ruby-on-rails-如何以一种形式编辑多个模型?,我们在Stack

  10. ruby-on-rails - 如何验证 Markdown? - 2

    可以写成Markdown语法无效的内容。无效意味着BlueCloth库无法解析内容并抛出异常。Rails中的markdown助手不会捕获任何BlueCloth异常,因此整个页面无法呈现(呈现500服务器错误页面)。在我的案例中,允许用户编写Markdown内容并将其保存到数据库中。如果某人使用了无效语法,则该内容的所有连续渲染尝试都会失败(状态代码500-内部服务器错误)。您如何解决这个问题?是否可以在保存到数据库之前在模型级别验证Markdown语法? 最佳答案 您应该编写自己的验证方法,在其中初始化BlueCloth对象,并尝试

随机推荐