富文本编辑器API的接入

            如何在自己的Html页面中使用富文本编辑器来编写内容

  • 首先我们前往 Editor.md 开源在线 下载安装,点击GitHub下载

富文本编辑器API的接入_第1张图片

  • 下载后目录如下:

富文本编辑器API的接入_第2张图片

  • 在我们的项目下引入“jquery-3.4.1.min.js” , lib文件夹 ,  "editormd.min.css", "editormd.preview.min.css" ,  images文件夹

富文本编辑器API的接入_第3张图片富文本编辑器API的接入_第4张图片富文本编辑器API的接入_第5张图片

  • 然后在我们需要引用富文本编辑器的地方写上以下代码:注意在页面里面引入以下资源



  • 这样子页面上的显示内容如下:

富文本编辑器API的接入_第6张图片

  • 这样子我们编辑器就弄好了,但是还有个显示问题没有处理就会出现以下情况:没有样式

富文本编辑器API的接入_第7张图片

  • 然后我们接下来对显示页面进行处理:
 
 
 
 
 

 
  • 这样子我们页面就能正常显示了:

富文本编辑器API的接入_第8张图片

这样子我们就完成了富文本编辑器的使用了。。。

 

你可能感兴趣的:(工具使用)