下面就带着大家进入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)获取到值保存到数据库的操作就不用来描述