我创建了我在文本区域或文本框中键入的实时预览,预览工作正常,我的小提琴链接
HTML
<textarea class="form-control" id="desc" rows="10" cols="5"name="desc"></textarea>
<div class="col-md-6 container" id="live-preview"></div>
使用Javascript
$(document).ready(function () {
$('#desc').keyup(function(){
$('#live-preview').html($(this).val());
});
});
问题是我打字的时候
``` </html><p>some text</p></html>```
然后它会显示输出
```<html>some text</html>```
该<p>标签被认为是实时预览段落,但'```'不被视为code标记.
我想要的是: 我想在输入时*将星号转换为<em>标签,或者<I>同样用于代码标签
野外有许多降价模块(谷歌是你最好的朋友):
这是一个使用markdown-it(小提琴)的例子:
$(document).ready(function () {
var md = window.markdownit(); // get a markdown instance
$('#desc').keyup(function () {
var html = md.render($(this).val()); // parse the markdown into html
$('#live-preview').html(html);
});
});
试试这个字符串 - `<p></p>` *emphasize* and **bold**
不要忘记添加脚本标记:
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/4.4.0/markdown-it.min.js"></script>
| 归档时间： |
|
| 查看次数： |
1390 次 |
| 最近记录： |