轻松记录您
灵感和创意

引入bootstrap-markdown编辑器

下面就带着大家进入bootstrap-Markdown的使用。

(1)首先下载bootstrap-Markdown。当然下载地址很多

https://www.bootcdn.cn/bootstrap-Markdown/ 需要找对应的匹配版本 有点麻烦

https://gitee.com/soul_PreCoder/springsecurity_demo.git 推荐下载项目 上面效果已实现

(2)下载下来之后,你就可以进行在页面进行引入

我这里使用了 thymleaf ,你直接在您项目里面引入对应的路径就可以了

(3)项目的页面里面使用

首先在页面定义的容器,加载bootstrap-Markdown编辑器

(4)在JS代码里面进行容器的初始化操作

//初始化编辑器           var  markDownObj = $(“#editor”).Markdown({                autofocus: true,//编辑器实例化之后自动聚焦操作                savable:false //编辑器实例化之后有保存按钮 这里不需要 设置为false            })12345

设置好之后就会出现

点击 Preview预览效果 会出现

(5)想在保存表单的时候,获取到Markdown编辑框里面的值

var content = markDownObj[0].value.trim();1

markDownObj值的上面初始化的Markdown的对象

(6)获取到值保存到数据库的操作就不用来描述

未经允许不得转载:坚果之云 Markdown » 引入bootstrap-markdown编辑器
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍