Markdown编辑器说明
标题: Markdown编辑器说明
作者: 梦幻之心星 347369787@QQ.com
标签: [Markdown, 编辑器]
目录: [软件]
日期: 2020-6-4
前提说明
- 在使用Markdown进行文字编辑后发布在博客或者公众号时,有时需要对样式进行自定义。
- 目前的编辑器主要提供了三种方式:在线编辑后复制,离线编辑后复制,一键样式转换。
- 尝试了几个编辑器,各有优势。
编辑器说明
Md2All
- 在线编辑后复制
- 提供主题选择;样式自定义;代码主题选择;代码行数显示
- 自定义的CSS样式所用的标签与网页一致,会影响编辑界面样式
Markdown Nice
- 在线编辑后复制;一键样式转换
- 提供主题选择;样式自定义;代码主题选择;部分代码主题提供代码行数显示
- 自定义的CSS样式所用的标签通过
#nice
前缀修饰,不会影响编辑界面样式 - 所使用的
.prefix
和.suffix
标签在其他编辑器的自定义样式中无法使用
Markdown Here
- 一键样式转换
- 提供CSS样式自定义;代码主题选择;代码语法高亮CSS样式自定义,不支持行数显示
- 自定义的CSS样式所用的标签与网页一致
- 不支持
before
和after
修饰 - 不支持画图
Typora
- 离线编辑后复制
- 提供主题选择;样式自定义;代码行数显示
- 自定义的CSS样式所用的标签与网页一致,会影响编辑界面样式
- 支持画图:流程图;时序图;甘特图
Yu Writer
- 离线编辑后复制
- 付费后提供主题选择;不支持样式自定义;不提供代码行数显示
MarkEditor
- 离线编辑后复制
- 提供CSS样式自定义;不支持行数显示
- 自定义的CSS样式所用的标签与网页一致
- 不支持
before
和after
修饰 - 支持画图:柱状图;线图;饼图;标准流程图
Joplin
- 离线编辑后复制
- 提供CSS样式自定义,但实际不可用;不支持行数显示
- 支持画图:流程图;时序图;甘特图
- 提供WebDAV同步
MarkdownPad 2
- 离线编辑后复制
- 提供CSS样式自定义;提供格式标记显示;不支持行数显示
- 自定义的CSS样式所用的标签与网页一致
- 不支持画图
VS Code
- 离线编辑后复制
- 提供CSS样式自定义;提供语法检查;可通过插件扩展功能
- 自定义的CSS样式所用的标签与网页一致,但是样式内容是放在一个less文件中,并经过处理,因此不会影响界面样式
注意事项
- 需要注意的是,通过
before
和after
标签所产生的修饰效果是无法复制的,这部分修饰会在复制时丢失。只能通过一键样式转换或者把这部分修饰的实现代码移植到所修饰的本体中来实现修饰效果。 before
和after
在CSS样式表中是通过伪类和伪元素来实现的,不支持这两种标签的编辑器也可能不支持伪类和伪元素。通过复制编辑器渲染后所产生的富文本再进行粘贴的方式,在粘贴时存在样式丢失,在发布平台进行保存时也存在样式丢失。
Markdown编辑器说明的更多相关文章
- NiceMark——我的Markdown编辑器
NiceMark--我的Markdown编辑器 闲来无事,写了一个Markdown编辑器.基于electron,完全采用Web前段技术(Html,css,JavaScript)实现.代码已托管在Git ...
- 好用的Markdown编辑器一览 readme.md 编辑查看
https://github.com/pandao/editor.md https://pandao.github.io/editor.md/examples/index.html Editor.md ...
- mac好用的markdown编辑器
在刚开始接触markdown的时候,就被吸引了.此后一直在找贴心的好用的markdown编辑器.印象笔记和马克飞象配合着用也是挺好的,唯一的缺点就是比较封闭,发个笔记的链接给同学,还得注册才能看,导致 ...
- 破解 Windows 下Markdown 编辑器 MarkdownPad 2
MarkdownPad 是 Windows 平台下一款优秀的 Markdown 编辑器,本文简单介绍 Markdown 以及使用一种方法破解 MarkdownPad 使其升级到专业版.该方法仅限于教育 ...
- Markdown编辑器语法指南2
人的一切痛苦, 本质上都是对自己的无能的愤怒. --王小波 1 Markdown编辑器的基本用法 1.1 代码 如果你只想高亮语句中的某个函数名或关键字,可以使用 `function_name()` ...
- 推荐一款Mac上好用的Markdown编辑器
[TOC] 推荐一款Mac上好用的Markdown编辑器 正文 我算是一位Evernote的重度用户吧.之前也尝试过为知笔记,有道云笔记,微软的onenote,最后还是觉的Evernote.因为我喜欢 ...
- React项目(一):markdown编辑器
在之前的React官网教程中,提到了用Remarkable为插件的markdown评论框.现在就来正儿八经地用另外一个插件marked.js做一个markdown编辑器吧! 准备工作 或许在做之前,应 ...
- Markdown编辑器:Typora
现在网上的Markdown有很多,各有各的特色,同时也有各自的缺点.比如有的传图片比较麻烦,有的导出pdf需要付费,有的数学公式编辑比较麻烦等等...... 而最近接触到Typora,发现这真是一款良 ...
- Markdown编辑器入门
欢迎使用博客园的Markdown编辑器 前言 今天早上起来在Ubuntu下操作,所以不能使用Windows Live Writer.所以就直接使用博客园的后台编辑器,开始以为博客园出错了,怎么编辑都没 ...
- markdown编辑器
经过一番探索终于找到两个可以实时预览的markdown编辑器 一,sublime text 3 + MarkDown Editing + OmniMarkupPreviwer 安装方法网上均有,这里要 ...
随机推荐
- Crash-fix-2:org.springframework.http.converter.HttpMessageNotReadableException
最近开始对APP上的Crash进行对应,发现有好多常见的问题,同一个问题在多个APP都类似的出现了,这里记录下这些常见的错误. crash Log: org.springframework.http. ...
- 向大家介绍我的新书:《基于股票大数据分析的Python入门实战》
我在公司里做了一段时间Python数据分析和机器学习的工作后,就尝试着写一本Python数据分析方面的书.正好去年有段时间股票题材比较火,就在清华出版社夏老师指导下构思了这本书.在这段特殊时期内,夏老 ...
- 《C程序设计语言》 练习3-3
问题描述 编写expand(s1,s2),将字符串s1中类似于a-z类的速记符号在字符串s2中扩展为等价的完整列表abc.....xyz.该函数可以处理大小写字母和数字,并可以处理a-b-c,a-z0 ...
- 蒲公英 · JELLY技术周刊 Vol.07: EcmaScript 2020 -- 所有你想要知道的都在这
「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术.工程化.跨端框架技术.图形编程.服务端开发.桌面开发.人工智能」等多个大方向的业界热点,并加以专业的解读:不仅如此,我们还精选凹凸技术文章,向大家呈 ...
- es 报错cannot allocate because allocation is not permitted to any of the nodes
0.现象 es 集群报red ,有unassigned shared , 用命令 curl localhost:9200/_cat/shards |grep UNASSIGNED 可以查看. 即使你马 ...
- 「雕爷学编程」Arduino动手做(22)——8X8 LED点阵MAX7219屏
37款传感器与模块的提法,在网络上广泛流传,其实Arduino能够兼容的传感器模块肯定是不止37种的.鉴于本人手头积累了一些传感器和模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里 ...
- css实现双色饼图
from:wx--前端早读课 首先回想用css画三角形的方法: <div class="triangle"></div> .triangle { displ ...
- kudu_单master集群安装
1.配置JDK1.7/1.8,免密设置,ntp时间同步配置. 2. 将下载下来的文件放到/etc/yum.repos.d/ 目录下后,进行下一步 3.使用yum管理器安装 (集群搭建) sudo yu ...
- mysql事务与锁机制详解
一.事务 1.事务简介 (1)事务的场景 转账:一个账户减少,另一个账户增加.两个动作同时成功或者同时失败.就要开启事务. (2)事务定义 事务是数据库管理系统执行过程中的一个逻辑单元,由一个有限的数 ...
- 苏浪浪 201771010120 《面向对象程序设计(java)》第9周学习总结
实验九异常.断言与日志 实验时间 2018-10-25 1.实验目的与要求 (1) 掌握java异常处理技术: (2) 了解断言的用法: (3) 了解日志的用途: (4) 掌握程序基础调试技巧: 2. ...