Markdown编辑器 HMD插件诞生记
HMD插件改造
非常感谢原作者的打开链接思路,我根据这个插件重写了,上传部分,另外又一个一个文件的把HyperMD文件下载下来,把编辑器同上传结合起来,编辑器中粘贴图片,自动上传到系统文件管理,并在右侧附件中显示,下面放图完美整合截图
HyperMD插件
这个网站的很多设计非常666,有空学一学
[imjad插件链接][]
[编辑器链接][]
[编辑器使用方法][]
[markdown简明语法][]
绘制表格
项目 | 价格 | 数量 |
---|---|---|
计算机 | $1600 | 5 |
手机 | $12 | 12 |
管线 | $1 | 234 |
书写公式(注意不能换行哦)
公式写法参考
$$\sum_{n=1}^\infty \frac{1}{n^2} \to \textstyle \sum_{n=1}^\infty \frac{1}{n^2} \to \displaystyle \sum_{n=1}^\infty \frac{1}{n^2}$$
LaTeX公式-Katex解析
优化编辑器支持链接
省略写法[markdown简明语法][]
下面这样定义[markdown简明语法]:https://www.zybuluo.com/mdeditor
PHP代码片段如下
HyperDown: 一个结构清晰的,易于维护的PHP Markdown解析器
//解析[链接标题][]不带数字的链接
$text = preg_replace_callback(
"/\[((?:[^\]]|\\\\\]|\\\\\[)+?)\]\[\]/",
function ($matches) use ($self) {
$escaped = $self->parseInline(
$self->escapeBracket($matches[1]), '', false
);
$result = isset($self->_definitions[$matches[1]]) ?
"<a href=\"{$self->_definitions[$matches[1]]}\" target=\"_blank\">{$escaped}</a>"
: $escaped;
print_r($result);
return $self->makeHolder($result);
},
$text
);
如何插入编辑器内容
你想使用 replaceRange 函数。尽管名称是"替换",但它也作为"插入"使用,具体取决于参数。在我撰写这里文档时的文档中:
将文档中的部分替换为给定的字符串。从和到必须是 {line, ch}对象。可以将字符串从位置插入到。在给定原点时,它将被传递给"更改"事件,它的第一个字母将用于确定是否可以以与以前的历史事件合并。