Editor.md+PHP 显示文章示例
卫博雅
<!DOCTYPE html>
<html lang="en,zh">
<body>
<?
echo '<div id="editormd-view"><textarea style="display:none;">';
echo $fcontent = <<<empt
### 主要特性
- 支持“标准”Markdown / CommonMark和Github风格的语法，也可变身为代码编辑器；
- 支持实时预览、图片（跨域）上传、预格式文本/代码/表格插入、代码折叠、搜索替换、只读模式、自定义样式主题和多语言语法高亮等功能；
- 支持ToC（Table of Contents）、Emoji表情、Task lists、@链接等Markdown扩展语法；
- 支持TeX科学公式（基于KaTeX）、流程图 Flowchart 和 时序图 Sequence Diagram;
- 支持识别和解析HTML标签，并且支持自定义过滤标签解析，具有可靠的安全性和几乎无限的扩展性；
- 支持 AMD / CMD 模块化加载（支持 Require.js & Sea.js），并且支持自定义扩展插件；
- 兼容主流的浏览器（IE8+）和Zepto.js，且支持iPad等平板设备；
- 支持自定义主题样式；
empt;
echo '</textarea></div>';
?>
<script src="../assets/index/js/jquery.min.js"></script><!--必须在最上面-->
<script src="../assets/editor/lib/marked.min.js"></script>
<script src="../assets/editor/lib/prettify.min.js"></script>
<script src="../assets/editor/lib/raphael.min.js"></script>
<script src="../assets/editor/lib/underscore.min.js"></script>
<script src="../assets/editor/lib/sequence-diagram.min.js"></script>
<script src="../assets/editor/lib/flowchart.min.js"></script>
<script src="../assets/editor/lib/jquery.flowchart.min.js"></script>
<script src="../assets/editor/editormd.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() {
var testEditormdView;
editormdView = editormd.markdownToHTML("editormd-view", {
htmlDecode : "style,script,iframe", // you can filter tags decode
emoji : true,
taskList : true,
tex : true, // 默认不解析
flowChart : true, // 默认不解析
sequenceDiagram : true, // 默认不解析
});
});
</script>
</body>
</html>
类似资料：