DedeCMS集成Markdown编辑器
第一步
下载 editormd.zip 压缩包，解压后，上传到 wwwroot/include 目录下。如图所示：
第二步
将以下代码加入到 wwwroot/include/inc/inc_fun_funAdmin.php 文件。
php
else if($GLOBALS['cfg_html_editor']=='editormd')
{
$link = $GLOBALS["cfg_cmspath"]."/include/editormd/css/editormd.min.css";
$jquery = $GLOBALS["cfg_cmspath"]."/assets/pkg/jquery/jquery.min.js";
$script = $GLOBALS["cfg_cmspath"]."/include/editormd/editormd.min.js";
$path = $GLOBALS["cfg_cmspath"]."/include/editormd/lib/";
$code = '
'.$link.'" />
'.$fname.'" name="'.$fname.'" value="'.dede_htmlspecialchars($fvalue).'">
';
if($gtype=="print")
{
echo $code;
}
else
{
return $code;
}
}具体位置，如下图所示：
第三步
设置DedeCMS系统配置参数 cfg_html_editor 值为 editormd 。如下图所示：
也可以使用以下SQL命令，同时更新一下 cfg_html_editor 的 参数说明 与 参数值 ：
sql
UPDATE `#@__sysconfig` SET `info` = 'Html编辑器支持（wangEditor、ckeditor、fck、editormd）', `value` = 'editormd' WHERE `varname` = 'cfg_html_editor';
第四步
修改相应的模板文件，添加以下资源调用，用于渲染 Markdown 代码，缺一不可：
html
<link rel="stylesheet" href="{dede:global.cfg_cmsurl/}/include/editormd/css/editormd.preview.min.css" />
<script src="{dede:global.cfg_cmsurl/}/assets/pkg/jquery/jquery.min.js">script>
<script src="{dede:global.cfg_cmsurl/}/include/editormd/lib/marked.min.js">script>
<script src="{dede:global.cfg_cmsurl/}/include/editormd/lib/prettify.min.js">script>
<script src="{dede:global.cfg_cmsurl/}/include/editormd/lib/raphael.min.js">script>
<script src="{dede:global.cfg_cmsurl/}/include/editormd/lib/underscore.min.js">script>
<script src="{dede:global.cfg_cmsurl/}/include/editormd/lib/sequence-diagram.min.js">script>
<script src="{dede:global.cfg_cmsurl/}/include/editormd/lib/flowchart.min.js">script>
<script src="{dede:global.cfg_cmsurl/}/include/editormd/lib/jquery.flowchart.min.js">script>
<script src="{dede:global.cfg_cmsurl/}/include/editormd/editormd.min.js">script>同时，把 {dede:field.body /} 替换成以下代码：
html
<div id="editormd-view">
<textarea style="display:none;">{dede:field.body runphp='yes'}@me = dede_htmlspecialchars(@me);{/dede:field.body}textarea>
div>
<script type="text/javascript">
$(function() {
editormd.markdownToHTML("editormd-view", {
htmlDecode : "style,script,iframe", // you can filter tags decode
emoji : true,
taskList : true,
tex : true, // 默认不解析
flowChart : true, // 默认不解析
sequenceDiagram : true, // 默认不解析
});
});
script>大功告成了！喜欢 Markdown 的小伙伴快来试试吧！
免责声明：1.凡本站注明“来源：XXX（非天荣模板网）”的作品，均转载自其它媒体，所载的文章、图片、音频视频文件等资料的版权归版权所有人所有，如有侵权，请联系tianrongcms#foxmail.com处理；2.凡本站转载内容仅代表作者本人观点，与天荣模板网无关。凡本站转载内容仅代表作者本人观点，与本站无关。
凡本站转载内容仅代表作者本人观点，与本站无关。
相关文档
0 条评论
