在线编辑器添加一个功能按钮，点击按钮，使文字加粗加红

[mydearbaby]

求教高手。

在线编辑器添加一个功能按钮，点击按钮，使选中的文字加粗加红，或者光标放在某处，点击按钮后，从光标处开始，插入的是红色加粗的文字。就是加粗和文字变色的功能合并起来。

如能解决，100分奉上。

[sohighthesky]

 <div id="frame1" contenteditable="true"></div>
 <input type="button" id="btnBold" value="加粗"/>
 
 </body>
 <script type="text/javascript">
 document.getElementById("btnBold").onclick=function(){
    document.execCommand("Bold");
 }
 
 </script>

[mydearbaby]

function fn_change_forecolor()
{
//指定前景色
document.execCommand('ForeColor',true,'#FF0000');//true或false都可以
document.execCommand('Bold');
document.execCommand('FontSize',false,4);   //true或false都可以
//指定背景色
//字体必须是系统支持的字体
//document.execCommand('FontName',false,'标楷体');   //true或false都可以
//字体变粗
//变斜体
//document.execCommand('Italic');
}

已经解决。谢谢楼上给的灵感。