markdown富文本编辑器——editor.md 简单示例

一、富文本编辑器

1.1、编辑器页面源码

    
    
    
    



    

        
Simple example
    
    

        111111111111111111
    

1.2 关键源码解释

1.2.1 html

添加一个textarea作为文本编辑器基本元素

        111111111111111111
    

1.2.2 css

引入editormd.css即可

1.2.3 js

引入 依赖js

编写markdown内容保存逻辑

通过获取类editormd-markdown-textarea的值的方式获取输入内容。拿到内容后存入数据库即可。

1.3 注意

• jquery.min.js必须最先引入
• editormd.js依赖于其他的js文件。所以要将markdown.md文件夹下的/lib 路径下的内容放入静态资源文件夹下。

二、显示数据库中取出的md文本内容

2.1 html源码

    
    
    
    
    
    
    
    
    
    
    
    



    #${md.content }

2.2 关键源码解释

2.2.1 引入的css和js

直接引入css 和 js即可

2.2.2 回显逻辑

直接按照模板代码写即可。

#${md.content }

将从数据库拿出的md文本内容赋值给textarea的val即可显示文本内容。