antd 的form 表单怎么回显数据_Markdown开源编辑器-使用与回显技巧

富文本编辑和markdown编辑器是网站程序开发比较常用的技术，最近着手改进OJ的富文本编辑器为markdown时，遇到不少小问题，总结一下，力求最简单通俗易懂。

一、原理

对普通的文本编辑器进行升级，js进行优化，所以有了富文本和markdown编辑器，可以充分加强textarea的功能。

基本使用

1、下载文件

https://github.com/pandao/editor.md

2、解压到目录，引入必要文件。

对照github的介绍，注意将对应的文件位置写入正确，并且引入。

3、提交表单

将textarea包含在form中，提交时会有对应相应的name标签，默认的是md的源代码，可以保存到数据库中，进而后面进行回显。

4、回显

将之前提交的表单数据取得后，需要转化为html显示，此时涉及如何进行回显。

输出时，将markdown的代码输出到这个位置就OK

5、图片的处理

markdown的图片上传机制稍微有点不同，需要自己书写一个图片上传的文件，并且返回json数据格式，好让前端识别出你是否成功将图片保存到了服务器，并且在前端调用显示。

图片也被我折腾好了。

一是要配置js中的参数，md会自己提交图片，只需要配置。

将对应位置配置好了，自然没问题，再就是注意返回到前台的图片地址一定要正确了。

注意在此位置需要返回json数据格式，而且不能出问题。

1是数值，数组里的键值是单引号，不要有多余空格，避免解析出错。一定要规矩的符合要求才行

md的前端代码里，自动会解析，相应的json数据格式并且进行展示，

感谢大佬写出这么好用的开源编辑器，我也早点睡觉。

再说一句，editor.md ，真香！国人牛啊！！