Javascript 如何用html元素替换粗体、下划线等文本?

Javascript 如何用html元素替换粗体、下划线等文本?,javascript,jquery,html,css,markdown,Javascript,Jquery,Html,Css,Markdown,我想在我的网站上实现一些简单的降价操作,如下面的代码片段。我试图用替换*,用替换***,然后意识到这在Jquery中并不容易 我在写这段代码时也意识到,只有第一颗星被替换为标记,而在我的网站上没有任何东西被替换为这段代码 $(文档).ready(函数(){ $(“#convertbn”)。在(“单击”,函数(){ $(“#问题显示”).text($(“#问题编辑”).val(); $('questionDisplay').html($('questionDisplay').text().rep

我想在我的网站上实现一些简单的降价操作,如下面的代码片段。我试图用
替换
*
,用
替换
***
,然后意识到这在Jquery中并不容易

我在写这段代码时也意识到,只有第一颗星被替换为
标记,而在我的网站上没有任何东西被替换为这段代码

$(文档).ready(函数(){
$(“#convertbn”)。在(“单击”,函数(){
$(“#问题显示”).text($(“#问题编辑”).val();
$('questionDisplay').html($('questionDisplay').text().replace('**','');
$('questionDisplay').html($('questionDisplay').text().replace('*','');
})       
});

用户在此处键入许多*粗体**和*第二粗体**文本。“转换”按钮应将星形标记更改为html标记。
转换
显示:


分别在
**
上使用
拆分
加入
replace()
将仅替换第一个实例,而不是所有实例

var-a;
var b;
$(文档).ready(函数(){
$(“#convertbn”)。在(“单击”,函数(){
$(“#问题显示”).text($(“#问题编辑”).val();
a=$(“#问题显示”).text();
$('#questionDisplay').html(a.split(“**”).join('');
b=a.拆分(“**”).连接(“”);
$('#questionDisplay').html(b.split('*').join('');
})       
});

用户在此处键入许多*粗体**和*第二粗体**文本。“转换”按钮应将星形标记更改为html标记。
转换
显示:


分别在
**
上使用
拆分
加入
replace()
将仅替换第一个实例,而不是所有实例

var-a;
var b;
$(文档).ready(函数(){
$(“#convertbn”)。在(“单击”,函数(){
$(“#问题显示”).text($(“#问题编辑”).val();
a=$(“#问题显示”).text();
$('#questionDisplay').html(a.split(“**”).join('');
b=a.拆分(“**”).连接(“”);
$('#questionDisplay').html(b.split('*').join('');
})       
});

用户在此处键入许多*粗体**和*第二粗体**文本。“转换”按钮应将星形标记更改为html标记。
转换
显示:


*with and**with
不是降价的工作方式…@DanielBeck那么它是如何工作的呢?我试图搜索降价教程,但没有找到任何教程。好吧,首先是\_(ツ)_/''这就像只是显示输出,但它也有源代码。我需要一个指导如何编写js代码的教程。无论如何,我将检查源代码:)我指出,您在问题中描述的格式实际上并没有降价。如果你这么做是出于学术好奇心,那没关系;如果你需要一个真正的降价解析器,我建议你使用现有的众多解析器中的一个,而不是使用你自己的(我喜欢,但还有很多其他的)
*和**with
不是降价的工作方式…@DanielBeck那么它是如何工作的呢?我试图搜索降价教程,但没有找到任何教程。好吧,首先是\_(ツ)_/''这就像只是显示输出,但它也有源代码。我需要一个指导如何编写js代码的教程。无论如何,我将检查源代码:)我指出,您在问题中描述的格式实际上并没有降价。如果你这么做是出于学术好奇心,那没关系;如果您需要一个真正的降价解析器,我建议您使用现有的许多解析器中的一个,而不是使用您自己的(我喜欢,但还有很多其他的)是否只有我看到了相同的结果?从
bold
单词到结尾都是加粗的。刚刚注意到这个问题。很抱歉我已经编辑了答案。您只需在第一次拆分和联接后将更改的字符串存储到变量中,然后对新变量执行拆分和联接。用户在此处键入许多粗体*和第二粗体*文本。“转换”按钮应将星形标记更改为html标记。其中??如我在问题中所述,单词前后都有一颗星,如
*boldText*
。我试图去掉末尾的第二颗星。现在,当我为带下划线的文本添加代码时,粗体标记被删除。看见我怎样才能解决这个问题?如果你愿意,我可以打开一个新的帖子。我是唯一一个看到同样结果的人吗?从
bold
单词到结尾都是加粗的。刚刚注意到这个问题。很抱歉我已经编辑了答案。您只需在第一次拆分和联接后将更改的字符串存储到变量中,然后对新变量执行拆分和联接。用户在此处键入许多粗体*和第二粗体*文本。“转换”按钮应将星形标记更改为html标记。其中??如我在问题中所述,单词前后都有一颗星,如
*boldText*
。我试图去掉末尾的第二颗星。现在,当我为带下划线的文本添加代码时,粗体标记被删除。看见我怎样才能解决这个问题?如果你愿意,我可以开一个新的帖子。