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

Question

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

Answer 1

 <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>

Answer 2

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');
}
已经解决。谢谢楼上给的灵感。