选择内容时使用div包装Javascript

比如说，我有一个文本区域和粗体按钮：

<div class="main">
  <textarea  cols="60" rows="12">
     Lorem ipsum dolor sit amet...
  </textarea>
</div>

<br>
<button onclick="bold()">Bold</button>

我怎样才能让它也和textrea一起工作

我怎样才能让它只为主要部门工作

---

jsiddle:

到目前为止，还没有办法在

中启用富文本格式。您必须将

与

contenteditable

属性一起使用。例如：

<b>content</b>

<div id="foo" contenteditable> ... </div>

。。。

已经提供了一个完整可行的解释（以及一个JSFIDLE示例）：

---

希望有帮助

到目前为止，无法在

中启用富文本格式。您必须将

与

contenteditable

属性一起使用。例如：

<b>content</b>

<div id="foo" contenteditable> ... </div>

。。。

已经提供了一个完整可行的解释（以及一个JSFIDLE示例）：

---

希望有帮助

使用可编辑的

内容

div

，您可以直接使用

文档。execCommand

来

加粗

文档中的

选定文本


片段：


function bold（）{
document.execCommand（'bold'）；
}
函数getSelectedText（）{
var html2=“”，
html_changed=“”；
if（window.getSelection）{
html2=window.getSelection（）.toString（）；
}else if（document.selection&&document.selection.type！=“控制”）{
html2=document.selection.createRange（）.text；
}
html_changed=“+html2+”；
var temp=document.getElementById（“div”）；
var temp_text=“”；
temp_text=temp.innerHTML；
var str=临时文本；
str=str.replace（html2，html_已更改）；
temp.innerHTML=临时文本；
}

Lorem ipsum dolor sit amet，奉献精英。这是一种犯罪行为，是一种犯罪行为，是一种犯罪行为！如果你是我的朋友，我会很高兴的
sequi cupiditate dolor在动物界的杰出实践！杜西姆斯·普罗维登特·伊普萨·维罗在《自然与智慧》杂志上发表了一篇关于照明实践的论文，该论文的作者是一位建筑师！赞美之声
大盲肠旁的小脸。


粗体
使用可编辑的
内容
div
，您可以直接使用
文档。execCommand
来
粗体
文档中的
所选文本


片段：


function bold（）{
document.execCommand（'bold'）；
}
函数getSelectedText（）{
var html2=“”，
html_changed=“”；
if（window.getSelection）{
html2=window.getSelection（）.toString（）；
}else if（document.selection&&document.selection.type！=“控制”）{
html2=document.selection.createRange（）.text；
}
html_changed=“+html2+”；
var temp=document.getElementById（“div”）；
var temp_text=“”；
temp_text=temp.innerHTML；
var str=临时文本；
str=str.replace（html2，html_已更改）；
temp.innerHTML=临时文本；
}

Lorem ipsum dolor sit amet，奉献精英。这是一种犯罪行为，是一种犯罪行为，是一种犯罪行为！如果你是我的朋友，我会很高兴的
sequi cupiditate dolor在动物界的杰出实践！杜西姆斯·普罗维登特·伊普萨·维罗在《自然与智慧》杂志上发表了一篇关于照明实践的论文，该论文的作者是一位建筑师！赞美之声
大盲肠旁的小脸。


粗体
如何使用自定义的？如果我想用内容来包装它，我会尝试使用formatBlock，但它并不是只为我的选择而使用。你做得太过分了，没关系，我自己会想出来的。我怎么能用自定义块呢？如果我想用内容来包装它，我会尝试使用formatBlock，但它不只是为我的选择而使用。你做得太过分了，没关系，我会自己解决的