• 折腾
  • emlog博客整合Markdown编辑器

Editor.md是一款功能十分丰富的Markdown编辑器,很多博客都支持使用Markdown来写作,emlog也是可以的。

1.删除自带编辑器

emlog 自带的编辑器不实用,首先功能不全面不说,从 HTML 源代码模式切换过来还有 BUG。为了防止它坏事,所以删除它。 删除 KindEditor非常简单,我们只要在博客主目录下 admin/views 下的 write.php、page.php中删除/注释掉下列代码:

<script charset="utf-8" src="./editor/kindeditor.js?v=<?php echo Option::EMLOG_VERSION; ?>"></script>
<script charset="utf-8" src="./editor/lang/zh_CN.js?v=<?php echo Option::EMLOG_VERSION; ?>"></script>

2.然后删除底部的

<script>
    loadEditor('content');
    loadEditor('excerpt');
    $("#menu_wt").addClass('active');
    $("#advset").css('display', $.cookie('em_advset') ? $.cookie('em_advset') : '');
    $("#alias").keyup(function () {
        checkalias();
    });
    setTimeout("autosave(0)", 60000);
    $("#menu_wt").addClass('active');
</script>

3.把下面这段代码替换

<textarea id="content" name="content" style="width:100%; height:460px;"><?php echo $content; ?></textarea>

替换为

<div id="layout">
    <div id="test-editormd">
        <textarea id="content" name="content" style="display:none;"><?php echo $content; //在 add_log.php 和 add_page.php 中请去掉这段 php 代码。 ?></textarea>
    </div>
</div>
<link rel="stylesheet" href="https://pandao.github.io/editor.md/css/editormd.css" />
<script src="https://pandao.github.io/editor.md/examples/js/jquery.min.js"></script>
<script src="https://pandao.github.io/editor.md/editormd.min.js"></script>
<script type="text/javascript">
    var testEditor;
    $(function() {
        testEditor = editormd("test-editormd", {
            width   : "100%",
            height  : 640,
            syncScrolling : "single",
            path    : "https://pandao.github.io/editor.md/lib/"
        });
    });
</script>

到这里基本上已经实现用Markdown来写作了,但是你会发现在前台展示的内容不是html格式,所以我们好需要借助一个插件来转换

下载下面的插件上传到插件目录并启用就可以了

https://wwa.lanzous.com/iOqpKojddze