Makedown在线预览编辑器

Makedown在线预览编辑器

Markdown 是 一款纯文本格式的编辑器,所以通过同一个名字,它可以使用工具来转换成 HTML。readme 文件,在线论坛编写消息和快速创建富文本文档的文本编辑器都非常流行使用 Markdown 格式。

淘建站为您提供更多_其它特效_编辑器_编辑器_editor,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 276 次

下载资源

31 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。
分类:其它特效 > 编辑器 难易程度:中级

markdown有以下功能:

  • 方便的导入导出功能
  • 直接把一个markdown的文本文件拖放到当前这个页面就可以了
  • 导出为一个html格式的文件,样式一点也不会丢失
  • 编辑和预览同步滚动,所见即所得(右上角设置)
  • VIM快捷键支持,方便vim党们快速的操作 (右上角设置)
  • 强大的自定义CSS功能,方便定制自己的展示
  • 有数量也有质量的主题,编辑器和预览区域
  • 完美兼容Github的markdown语法
  • 预览区域代码高亮
  • 所有选项自动记忆

HTML

<div id="wmd-editor" class="panel">
    <div id="wmd-button-bar"></div>
    <textarea rows="11" id="wmd-input" class="wmd-textarea"></textarea>
    <div id="wmd-preview" class="wmd-panel"></div>
</div>

引入jQuery和markdown相关插件:

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jQuery/showdown.js"></script>
<script type="text/javascript" src="jQuery/wmd.js"></script>
<script type="text/javascript" src="jQuery/prettify.js"></script>

调用markdown插件:

<script type="text/javascript">
    var title = $('#wmd-preview');
    title.bind('DOMNodeInserted', function(e) {
        $("#wmd-preview pre").addClass("prettyprint");
        prettyPrint();
    });
</script>

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/218.html
Makedown在线预览编辑器 希望对你有帮助,感谢您的支持!
  • jQuery gif图片预览点击静态图片变动态效果

    jQuery gif图片预览点击静态图片变动态效果

  • quill.js富文本编辑器插件响应式编辑器代码

    quill.js富文本编辑器插件响应式编辑器代码

  • HTML5电子杂志预览

    HTML5电子杂志预览

  • jquery打印插件制作页面局部打印预览插件

    jquery打印插件制作页面局部打印预览插件

  • jquery html在线ubb编辑器代码

    jquery html在线ubb编辑器代码

  • jQuery商城图片放大预览

    jQuery商城图片放大预览

  • 图片上传预览

    图片上传预览

  • 上传图片有预览特效

    上传图片有预览特效

  • 纯css3制作Word文本编辑器效果

    纯css3制作Word文本编辑器效果

  • wysiwyg微小的Bootstrap富文本编辑器

    wysiwyg微小的Bootstrap富文本编辑器

  • lightweight清爽简洁的编辑器

    lightweight清爽简洁的编辑器

  • 百度编辑器ueditor

    百度编辑器ueditor

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2