Bootstrap Markdown Editor

pengmianpm

2015-12-16

今日小生闲来无事，工作不是太多，利用业余时间学习了一下golang，并学以致用，搭建了个人的博客。

博客后端基于beego framework，前端基于bootstrap。

由于博客功能仍在逐步完善，gopher看了我的博客，发现博文样式不错，问我如何实现的，我在此简单概述一下实现方式。

threeperson博文创建主要依赖Bootstrap Markdown Editor js插件实现。下面贴出主要代码。

原文引自http://threeperson.com/articles/2055

pengmianpm

0 关注 0 粉丝 0 动态

相关推荐

那么多MarkDown编辑器，最专业的还是这一款！

大家都知道很多编辑器，不过大多数编辑器都是为编程人员设计的，对于非技术人员并不是那么友好，今天和一款非常适合撰写专业文本的MarkDown编辑器，无论你是大学生、科研人员还是作家都非常适合使用——Zettlr。发现了Markdown后，他在不同的操作系统上

MarkDownHere 2020-09-16

分享：谷歌插件：Markdown渲染

将里面的chromecj.com-Markdown-Preview-Plus_v文件后缀改成.zip

xiongweiwei00 2020-08-17

Markdown主要语法和使用

总之，快捷键只有在Typora中才能使用。　　~~删除线中的内容~~　　|列名1|列名2|，回车，即可创建一个包含2列的表。　　引用别人的文章内容时，可以将其放在区块内。最后，感谢那些一路支持和帮助过我的人，以及评论区大佬给我撑起的排面，再次感谢（敬礼）。

xiongweiwei00 2020-06-28

写markdown 必备 MarkdownPad2 ！下载很慢！看这里~（内有无法及时预览sdk下载）

首先，Markdown 可将你输入的任何文本转为 HTML，你可以用它来编写博客、文档和网页。你还可以直接在 Markdown 文档中书写 HTML，如果某些功能 Markdown 不具备的或者你忘记了语法，你可以直接用 HTML 来编写，因为 Markd

Kingcxx 2020-06-25

Thinkphp5框架中引入Markdown编辑器操作示例

本文实例讲述了Thinkphp5框架中引入Markdown编辑器操作。分享给大家供大家参考，具体如下：。placeholder : '编辑你的内容...',message : "提示的信息，上传成功或上传失败及错误信息等。

Hesland 2020-06-14

markdown常用语法

以下显示的效果图，都是在vscode的md文件中演示。第一对中括号是文本内容，小括号中是链接，右侧的文字“标题”是鼠标移动上去的时候显示的文字，和链接用空格分隔。

tenvainvi 2020-06-11

markdown语法备忘

Alt text：图片的Alt标签，图片无法显示时用来描述图片的关键词，可以不写。(可用于SEO，可以方便搜索引擎根据Alt text里面的关键词搜索到图片。引用本地图时,注意路径。

amazingbo 2020-06-10

jupyter notebook使用技巧--命令行模式以及在Markdown模式使用的操作（4）

D3哥在德国 2018-06-09 08:50:40 33450 收藏 44展开正常情况，jupyter notebook的cell是绿色的，我们可以在绿色cell里输入代码。但如果我们将鼠标点击cell框的左侧，点击，会发现cell变成蓝色的，很奇妙~当

tenvainvi 2020-06-09

Markdown编辑器说明

在使用Markdown进行文字编辑后发布在博客或者公众号时，有时需要对样式进行自定义。目前的编辑器主要提供了三种方式：在线编辑后复制，离线编辑后复制，一键样式转换。尝试了几个编辑器，各有优势。需要注意的是，通过before和after标签所产生的修饰效果是

Kingcxx 2020-06-04

MarkMyWords for mac(高级Markdown编辑器)v1.12.0

MarkMyWords mac版是Macos上一款强大的 Markdown 编辑工具。内置多种 CSS 样式，并可以使用自己编写的 CSS 样式进行预览。另外 MarkMyWords 支持无干扰写作模式。MarkMyWords可以为您突出显示您的标记。阅读

James0 2020-06-01

markdown语法

①标题：使用1~6个#跟随一个空格来表示1~6级标题。而且编辑的时候空更多的行，最后执行也只会空一行。注意用的不是引号，而是`，就是英文状态下，键盘上1左边的符号。先将一张图片保存到工作目录下，图片名称为她在丛中笑.jpg. [我家的小飞鸟]. []中的内

tenvainvi 2020-05-29

Windows环境下Typora+PicGo+Github图床让Markdown编辑起飞

Markdown 是一种轻量级的「标记语言」，它的优点很多，目前也被越来越多的写作爱好者，撰稿者广泛使用。常用的标记符号也不超过十个，这种相对于更为复杂的HTML 标记语言来说，Markdown 可谓是十分轻量的，学习成本也不需要太多，且一旦熟悉这种语法规

xiongweiwei00 2020-05-28

MarkDown学习

#+空格表示一级标题，##+空格表示二级标题，以此类推，最多六级标题。hellow world * *表示斜体。hellow world ** ** 表示加粗。hellow world ~~ ~~表示删除符号。超链接实用[链接注释]+. 使用```jav

Hesland 2020-05-28

markdown的简易使用方法

以#号开头，后面跟上空格键.一级标题用一个#号，二级标题用两个##.以此类推，总共六级。用单引号包裹起来的为短引用.

Kingcxx 2020-05-27

Idea 中markdown无法预览

今天遇到一个很奇怪的问题，我IDEA中的markdown文件无法预览。这说明结尾文件已经绑定，是没有问题的。这个配置看了下，也没问题。后来想了想，笔记本一周未关机过，一直开着IDEA，不知道是不是这个原因。最终解决方案，重启下IDEA即可。

xiongweiwei00 2020-05-26

MarkDown基本使用

上传网络图片：!

xiongweiwei00 2020-05-26

? | 不要再使用 markdown 主题了！

我在很久之前就发现了使用第三方 markdown 主题将产生一个的问题，今日在社区发现依然有人写文章来推荐这种做法。接下来我告诉你为什么最好不要这样做以及分享一些 markdown 技巧。若有不足，恳请指点！在技术社区经常看见使用编辑器 markdown

Hesland 2020-05-19

MarkDown使用教程简单介绍

markdown标题从大到小一共分为六级，比如第一级标题可以用“#”加上空格键再加标题内容，二级标题则是“##” + “ ” +“标题内容”即可，依次类推。常用的字体设置包括粗体，斜体，下划线，删除线等。四个星号，中间是内容。格式为感叹号+中括号+小括号。

chzh0 2020-05-19

Markdown数学公式语法

独行公式，居中插入

chzh0 2020-05-16

新手自学markdown教程

markdown是一种简单的标记语言，可以被编译成HTML界面，也可以单独以纯文本形式显示。markdown目标是"易读易写". 使用 = 和 - 标记一级和二级标题。段落的换行是使用两个以上空格加上回车。你可以在一行中用三个以上的星号

James0 2020-05-16

pengmianpm

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号