• Md2All

    微信公众号：颜家大少
    欢迎关注我，一起学习，一起进步!
    目前，知到 Md2All 的朋友还很少，如果你觉得有帮助，希望能告诉身边有需要的朋友。 谢谢!

    Md2All 简介

    一个Markdown在线转换工具，让Markdown内容，不需作任何调整就能同时在微信公众号、博客园、掘金、csdn等平台正确显示当前预览的效果。

    • 对 微信公众号 做了特别的优化：
      支持代码块，并解决常见的代码块换行不正确,特别是iPone、iPad上不能滚动的问题;
      解决把内容粘贴到公众号时，图片、或样式丢失的问题;
      支持135，96等微信编辑器的所用样式(如"标题"等），只需点这些微信编辑器的"html"图标，再把内容拷贝过来即可。

    • 支持 "一键排版" 的css样式模板选择，和自定义css。试一试就知到 改头换面 的效果了^_^;

    • 对代码块的显示专门做了优化，几十种超酷的 "代码主题" 任你选择;

    • 支持通用的Markdown语法，并对html,css样式有很好的支持(请看后面示例的高级使用部分);;

    • 预览ok后，只需点 "复制" 按键,再粘贴到公众号即可;

    • 另外

    一些小提示：

    • 支持所有标准的Markdown语法，和标准的css样式;

    • 如果是公众号，因为多在手机端看，建议选 "代码紧凑" ,这样，代码的size在手机端会好看点。当然，你也可以改css自定义你想要的size;

    • 虽然"一键排版"中已提供了不少的css样式模板，但因为每个人的喜好不一样，所以，希望你能通过各个css样式模板中的红色的修改部分，知到怎样自定义自己最喜欢的css样式。
      一旦你知到了怎样自定义css样式，你就会知到它到底有多大的威力了 ^_^;

    • 因为还未配备高容量的图片服务器，目前只支持已上传了的图片的链接。如果需要用到图片，
      你可先在支持Markdown编辑的博客平台（如CSDN、掘金、简书等) 上编辑好你的Markdown内容，上传你所需要的所有图片，并保存;
      然后把Markdown内容copy到Md2All渲染;
      最后再"复制","粘贴"..."粘贴" ..到各个平台;

    • 未做浏览器兼容测试，请尽可能使用 Chrome 浏览器作编辑!

    • 因为开发阶段，每个css样式模板的内容都有可能会更新，所以如果你有做过某样式的"保存"，你可能需要"恢复预设值"才能看到其最新的css样式。建议你选择某一你喜欢的样式复制到"最爱样式"下，在此基础上再定义自己的css样式。

    先看看代码块显示效果

    public class MyActivity extends AppCompatActivity {
    @Override  //override the function
        protected void onCreate(@Nullable Bundle savedInstanceState) {
           super.onCreate(savedInstanceState);
           try {
                OkhttpManager.getInstance().setTrustrCertificates(getAssets().open("mycer.cer");
                OkHttpClient mOkhttpClient= OkhttpManager.getInstance().build();
            } catch (IOException e) {
                e.printStackTrace();
            }
    }

    要精确指定语言（如：java,cpp,css,xml,javascript,python,php,go等等）时，在头部直接指定，如下：

    function DisplayWindowSize(){
      var w=window.innerWidth
      || document.documentElement.clientWidth
      || document.body.clientWidth;
    }

    看看图片的显示效果

    注：未配备高容量的图片服务器，目前只支持已上传了的图片的链接（你可以先在某博客平台上传你想要的图片作为图片库^_^)

    下面的是我的公众号二维码图片，欢迎加我，一起学习，一起交流。
    这里写图片描述
    默认为图片居中，如果想居左时，请打开"一键排版"下的css样式中的img{margin:0 0;}

    看看对Markdown基本语法的支持

    H1

    H2

    H3

    H4

    H5
    H6

    试试行内代码,如：AppCompatActivity类

    试试强调

    试试斜体

    试试强调的斜体
    试试 删除
    试试超链接：我就是超链接

    有序列表

    1. 有序列表 1
    2. 有序列表 2
    3. 有序列表 3

    无序列表

    • 无序列表 1
    • 无序列表 2
    • 无序列表 3

    引用块

    只需要在前面加 >,如下:

    我是引用块
    微信公众号：颜家大少
    欢迎关注我，一起学习，一起进步!

    表格

    班级男生女生
    一(7)班 30 25
    一(8)班 25 30

    注：表格在公众号预览时，可能在PC端显示的不是正确的全屏，但在手机上预览时就会正常显示为全屏的了。

    高级部分

    如果你懂html和css，那下面这些效果就不在话下了

    先给点颜色你看看
    再给点颜色你看看
    试试改变字体大小
    改变字体大小，再来个粗体又如何？

    试试内容居中

    那内容居右呢？

    来个综合的试试
    第二行




    之后会增加更多的功能，和更多的样式模板给大家参考，敬请期待。。。。。。

    Update List：

    版本号：V2.1.0
    更新日期：2017-12-20

    1. 增加文件导出功能，使能导出包含样式的html文件;
    2. 把编辑栏的横向滚动的功能去掉，现在的做法是当用户输入内容的长度超出输入框时，会自动换行到下一行，而不是之前的向右滚动，感觉这样编辑体验会好点;
    3. 增加css样式：'标题背景渐变'和'字距偏大';
    4. 增加table的demo及相应样式table{};
    5. 每个模式下增加，使图片默认居中，并图片不会超出屏幕，这样会更接近实际的情况：
      img
      {
      display: block;
      margin:0 auto;
      max-100%;
      }
      a {
      word-wrap:break-word;
      ｝

    版本号：V2.0.7
    更新日期：2017-12-06

    1. 在所有样式主题下增加行内代码(p code)、和斜体（em)的css样式值，及相应的demo

    2. "一键排版"下所有样式主题文件中增加说明，使不熟悉css的朋友更清楚相应的功能

    3. 增加图片居中demo

    版本号：V2.0.6
    更新日期：2017-12-04

    1. 增加支持h1~h6 span下的:before和:after, 并增加对应"标题前后修饰"样式
    2. 基于掘金网的更新，而更新了"掘金样式"

    版本号：V2.0.5
    更新日期：2017-11-29

    1. 对"一键排版"中的"掘金样式"进行更详细的描述;
      注："掘金"的PC端浏览器显示是OK的，但手机端app现在还不支持自定义样式，所以会看到有些样式丢失了，此问题已向 "掘金" 的技术人员反馈，他们答复会尽快修复.
    2. 对"代码主题"中的"xt256"的padding进行了调整使边距更合理;

    版本号：V2.0.4
    更新日期：2017-11-27

    1. 在"一键排版"中增加"掘金样式"，增加到掘金网的支持。

    版本号：V2.0.3
    更新日期：2017-11-27

    1. 把HTML功能拿掉。考虑到用户很少用到。如果想看相应的HTML只需“复制”到文本编辑器中即可。

    版本号：V2.0.2
    更新日期：2017-11-24

    1. 解决“一键排版”中一些全局样式无效的情况
    2. 增加“一键排版”更多的样式，并开放了所有的css样式供你修改
      注：会重设所有的样式，你之前保存的会无效。
    3. 把之前保存到cookie中的一些内容保存到local stage下，避免4KB的限制
    4. “复制"内容同csdn,博客园时，不再需要点选HTML

    版本号：V2.0.1
    更新日期：2017-11-20

    1. 解决代码块加注释'//'时导致后面的highlight失效的问题
    2. 只有html模式时才把空格转为转义字符;

    版本号：V2.0.0
    更新日期：2017-11-13

    1. 增加css样式参考模板，及自定义css样式
    2. 增加HTML源码功能，可把HTML源码直接“复制"/"粘贴”到 csdn、博客园等的html编辑器或富文本编辑器下的html中，这样能保持所有的样式
    3. 增加编辑和预览的滚动条同步滚动的功能（现在还不是很精确，之后会再改善）
    4. 增加favorite代码样式下少的一些属性
    5. 增加选“编辑”后，自动保存草稿到本地浏览器缓存的功能。
    6. 增加指定代码所属语言的示例

    版本号：V1.0.4
    更新日期：2017-10-20

    1. 更新“代码主题”：favorite下对js和css的显示
    2. 更新“代码主题”：monokai-sublime和monokai中漏的一些属性
    3. 更新说明文档

    版本号：V1.0.3
    更新日期：2017-10-18

    1. 把“代码紧凑”模式下的代码间的行距加大

    版本号：V1.0.2
    更新日期：2017-10-17

    1. 增加一个很酷的“代码主题”：favorite，并作为默认主题
    2. 增加“代码紧凑” 的选项，使手机一屏能显示更多的代码

    版本号：V1.0.1
    更新日期：2017-10-13

    1. 第一个版本正式上线
  • 相关阅读:
    DNS 域名系统服务
    tomcat
    mysql+redis
    centos7搭建lnmp
    redis安装
    redis 高级应用
    ubuntu,安装、配置和美化（1）
    解决大于5.7版本mysql的分组报错Expression #1 of SELECT list is not in GROUP BY clause and contains nonaggregated column 'userinfo.
    交换机常用命令
    SSH爆破应急响应
  • 原文地址：https://www.cnblogs.com/garyyan/p/7686505.html
Copyright © 2020-2023  润新知