使用 jQuery 替换周围的 Markdown 标签
我正在开发一个使用 Markdown 的评论系统,我希望有一个实时预览区域,人们可以在其中看到最终文本的样子,就像 StackOverflow 的编辑器一样。
我目前正在使用以下代码来呈现用户输入的文本:
$('#response_text').bind('blur keyup',function() {
$('.comment_preview').text($('#response_text').val());
$('.comment_preview').html($('.comment_preview').html().replace(/\n/g,'<br />').replace('* * *', '<hr />'));
});
并且我不知道如何将 **text**
之类的内容替换为 text< /b>
。
如果您有任何建议,我很乐意听到。
谢谢!
I'm working on a commenting system that uses Markdown and I want to have a live preview area where people can see what the final text will look like, like StackOverflow's editor.
I'm currently using the following code to render the text inputted by the user:
$('#response_text').bind('blur keyup',function() {
$('.comment_preview').text($('#response_text').val());
$('.comment_preview').html($('.comment_preview').html().replace(/\n/g,'<br />').replace('* * *', '<hr />'));
});
And I don't know how to replace stuff like **text**
into <b>text</b>
.
If you have any suggestions I would love to hear them.
Thanks!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
有一个 jquery 插件可以为您执行此操作: http://plugins.jquery.com/project/markdown
There is a jquery plugin that will do this for you: http://plugins.jquery.com/project/markdown
我还建议使用插件来实现此目的,但要回答您的问题:
I would also recommend using a plugin for this, but to answer your question: