simpleMDE 设置值未正确解析
simpleMDE set value not parsing properly
我在我的表单中使用 simple markdown editor 这个
<textarea id="editor-board">
<script>
var simplemde = new SimpleMDE({ element: $("#editor-area")[0] });
simplemde.value("# How are
**This is bold** This is normal
_This is italic_ This is normal
```
commands goes here
demo commands
sudo apt update
```");
但这甚至没有在 textarea 中加载插件。
然而,将值设置为 value('this is simple text');
工作正常。
如何在编辑器中设置markdown语法?
您可以使用 ES6 Template literals
尝试类似的操作
var simplemde = new SimpleMDE();
simplemde.value(`# How are
**This is bold** This is normal
_This is italic_ This is normal
\`\`\`
commands goes here
demo commands
sudo apt update
\`\`\`
`);
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
<link href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><textarea rows="5" name="text"></textarea></p>
或者为 ES5 做这样的事情:
var simplemde = new SimpleMDE();
simplemde.value("# How are\n **This is bold** This is normal\n _This is italic_ This is normal\n ```\n commands goes here\n demo commands\n sudo apt update\n ```\n");
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
<link href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><textarea rows="5" name="text"></textarea></p>
我在我的表单中使用 simple markdown editor 这个
<textarea id="editor-board">
<script>
var simplemde = new SimpleMDE({ element: $("#editor-area")[0] });
simplemde.value("# How are
**This is bold** This is normal
_This is italic_ This is normal
```
commands goes here
demo commands
sudo apt update
```");
但这甚至没有在 textarea 中加载插件。
然而,将值设置为 value('this is simple text');
工作正常。
如何在编辑器中设置markdown语法?
您可以使用 ES6 Template literals
尝试类似的操作var simplemde = new SimpleMDE();
simplemde.value(`# How are
**This is bold** This is normal
_This is italic_ This is normal
\`\`\`
commands goes here
demo commands
sudo apt update
\`\`\`
`);
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
<link href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><textarea rows="5" name="text"></textarea></p>
或者为 ES5 做这样的事情:
var simplemde = new SimpleMDE();
simplemde.value("# How are\n **This is bold** This is normal\n _This is italic_ This is normal\n ```\n commands goes here\n demo commands\n sudo apt update\n ```\n");
<script src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
<link href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p><textarea rows="5" name="text"></textarea></p>