我正在尝试制作自己的可降价文本区域,就像 Stackoverflow 所做的那样。目标是让人们能够打字**blah blah**
在文本区域中,并在 div 中输出<span style="font-weight:bold;">blah blah</span>
.
我在使用 javascript 查找并用 HTML 替换 **星号时遇到问题。
这是一个让聚会开始的jsfiddle:http://jsfiddle.net/trpeters1/2LAL4/14/
这是 JS,只是为了告诉你我在哪里:
$(document.body).on('click', 'button', function() {
var val=$('textarea').val();
var bolded=val.replace(/\**[A-z][0-9]**/gi, '<span style="font-weight:bold;">"'+val+'" </span>');
$('div').html(bolded);
});
和 HTML...
<textarea></textarea>
<div></div><button type="button">Markdownify</button>
任何想法将不胜感激!
谢谢,
蒂姆
当 char 紧邻星号之前或之后时,其他答案将失败。
这就像降价一样:
function bold(text){
var bold = /\*\*(.*?)\*\*/gm;
var html = text.replace(bold, '<strong>$1</strong>');
return html;
}
var result = bold('normal**bold**normal **b** n.');
document.getElementById("output").innerHTML = result;
div { color: #aaa; }
strong { color: #000; }
<div id="output"></div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)