emlog替换wangEdit编辑器教程

emlog的自带的编辑有点老旧了。不支持图片直接从粘贴版复制过来。以下是手动替换为wangEdit教程。

这是效果图

image.png

首先下载wangEdit的插件包，https://github.com/wangfupeng1988/wangEditor/releases

然后在emlog的编辑器路径中放置 /admin/editor包里面的wangEditor.min.js，只需要这个文件就行了。

然后打开admin/view/write.php文件

在原先的编辑器部分加入代码，并把原先的编辑器直接加一个样式隐藏掉。

<div style="display:none;"> <textarea id="content" name="content" style="width:100%; height:460px;"><?php echo $content; ?></textarea></div>       <div id="editor"><?php echo html_entity_decode($content); ?></div>

然后底下的js部分改为

// loadEditor('content');    var E = window.wangEditor    var editor = new E('#editor')    editor.customConfig.uploadImgShowBase64 = true        // 或者 var editor = new E( document.getElementById('editor') )    var $text1 = $('#content')    editor.customConfig.onchange = function (html) {            // 监控变化，同步更新到 textarea            $text1.val(html)        }    editor.create()        // 初始化 textarea 的值    $text1.val(editor.txt.html())

这时候发布文章的编辑器已经可以用了，最后一步，注释掉/admin/views/js/common.js文件的

image.png

这时候自动保存草稿的功能也可以用了。

教程到此结束。

独立博客：http://xianchen.cc