THINKPHP框架中引入Markdown编辑器和解决Github emoji图标无法显示

THINKPHP框架中引入Markdown编辑器的实例和注意事项,以及前端展示Markdown格式内容、Github emoji图标无法显示的问题。

下载地址

Markdown编辑器下载地址以及演示:Editor.md - 开源在线 Markdown 编辑器 

 代码实现





图片上传接口返回数据类型

{'success'=>'状态','url'=>'图片地址,成功时返回','message'=>'消息'}

 默认是保存Markdown格式内容,若要保存html格式内容需开起saveHTMLToTextarea,然后通过editor.getHTML()获取html内容。

效果展示 

 THINKPHP框架中引入Markdown编辑器和解决Github emoji图标无法显示_第1张图片

页面展示

1.展示Markdown格式内容







2.展示HTML格式内容 







{$content}

3.效果图

 THINKPHP框架中引入Markdown编辑器和解决Github emoji图标无法显示_第2张图片

 

 解决Editor.md中Github emoji图标无法显示的问题

项目中使用的是 http://www.emoji-cheat-sheet.com 网站的表情包,不知道怎么回事反正就是不显示了,没办法只能将表情包下载到本地了。

下载地址:emoji表情包地址

1.将下载的表情包解压放在下图所示的文件夹中:

THINKPHP框架中引入Markdown编辑器和解决Github emoji图标无法显示_第3张图片

2.修改editormd.js文件 

找到下图的中的位置,将原来的内容替换为你的实际路径

THINKPHP框架中引入Markdown编辑器和解决Github emoji图标无法显示_第4张图片

到此emoji表情包无法显示问题就解决了 

 

 

你可能感兴趣的:(PHP,编辑器,php)