回 帖 发 新 帖 刷新版面

主题:加粗代码的一点小问题请教

大家好,我刚刚开始研究网络编程,现在在做在线编辑器时遇到一点小问题(以加粗为例)代码如下所示:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="JavaScript">
<!--
function dob(){
content.document.execCommand('bold');
}
//-->
</script>
<body>
<table width="523" height="398" border="0">
  <tr>
    <td height="40" scope="col"><input type="button" value="加粗" onclick="dob()"></td>
  </tr>
  <tr>
    <td height="39">dfsdsdfsdfsdfsdfsfsfbhfgjhhghjhgjh</td> //这边的字段可以加粗的 
</tr>
  <tr>
     <td colspan="21">
         <textarea id="content" rows="25" name="content" cols="90" style="font-size: 10pt">         //为什么在这个textarea文本输入框中的文字点加粗按钮后无法加粗啊???

         </textarea>
       </td>
  </tr>
</table>
</body>
</html>
其它地方的字段都能加粗的,惟独textarea文本输入框中的字段不行,怎样改就可以把textarea文本输入框中选中的字段点击加粗按钮后就能加粗啊?大家帮帮忙啊,不胜感激!谢谢...

回复列表 (共6个回复)

沙发

textarea标签里面的内容本身就不支持任何html格式的!

板凳

我懂你的意思了..
我给你写了段测试代码,保存成.htm看:
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--

    function test()
    {

        EditArea.document.body.contentEditable="true";
        EditArea.focus();
    } 
    function setBold()
    {
        EditArea.document.execCommand("Bold");
        EditArea.document.body.contentEditable="true";
        EditArea.focus();
    }
    function setInfo()
    {
        document.getElementById("Info").value=EditArea.document.body.innerHTML;
    }
//-->
</SCRIPT>
<BODY onload="test();">
<textarea name="Info" rows="10" cols="35" readonly style="display:"></textarea>
<iframe name="EditArea" id="EditArea" src="b.htm" scrolling="yes" width="300" height="200" MARGINHEIGHT="1" MARGINWIDTH="1"></iframe> <br>
<a href="#" onClick="setBold();return false;">点我加粗</a> &nbsp;&nbsp;
<a href="#" onClick="setInfo();return false;">提交时把内容扔到textarea里</a> &nbsp;&nbsp;
</BODY>
</HTML>

3 楼

另祝你研究成功,做出好用的在线编辑器
别忘了兄弟我今天的一小步指导,给我用用..哈哈..

4 楼


发现你网上发帖都很有礼貌的,呵呵!

5 楼

[quote]另祝你研究成功,做出好用的在线编辑器
别忘了兄弟我今天的一小步指导,给我用用..哈哈..[/quote]
你给的代码我还是不怎么理解,最近好忙,有空我再研究吧,谢谢你!

6 楼

[quote]
发现你网上发帖都很有礼貌的,呵呵![/quote]
多谢表扬!我会继续努力的,呵呵...

我来回复

您尚未登录,请登录后再回复。点此登录或注册