开源笔记 2023-01-30

SimpleMDE Markdown 编辑器

SimpleMDE 是一个嵌入式 JavaScript 文本框，用于替代书写好看且易懂的 markdown。WYSIWYG-esque 编辑器可以让用户修改 markdown 的工具条按钮和快捷键。WYSIWYG 编辑器产生的 HTML 复杂且多 Bug。Markdown 有很多办法可以解决这个问题，但是在编辑的时候不是很清晰。SimpleMDE 可以为那些不太熟悉或者正在学习 markdown 语法的非技术用户设计跨越此鸿沟的桥梁。

官网：https://simplemde.com/

示例代码：

var simplemde = new SimpleMDE({
    element: document.getElementById("MyID"),
    status: false,
    status: ['autosave', 'lines', 'words', 'cursor'], // Optional usage
    toolbar: false,
    autofocus: true,
    lineWrapping: false,
    indentWithTabs: false,
    tabSize: 4,
    autosave: {
        enabled: true,
        unique_id: "MyUniqueID",
        delay: 1000,
    },
});

示例代码二：

<textarea id="demo1"></textarea>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
<script>
new SimpleMDE({
element: document.getElementById("demo1"),
spellChecker: false,
});
</script>

开源