在光标处添加文字,或对选择的文字进行更改(JS:TextRange)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function Blod()
{
Format("粗体","'''");
}
function Italic()
{
Format("斜体","''");
}
function Format(formatName,format)
{
var textarea = document.getElementById("txaContent");
if(textarea.pos != null)
{
var s = textarea.pos.text;
if(s == null || s == 'undefined'||s == '')
{
s = formatName ;
}
s = format + s + format;
textarea.pos.text = s;
}
else
{
textarea.value += format+formatName+format;
}
}
</script>
</head>
<body>
<textarea id="txaContent" cols="20" rows="20" onselect="this.pos = document.selection.createRange();" onclick="this.pos = document.selection.createRange();" onkeyup="this.pos = document.selection.createRange();" ></textarea>
<input type="button" onclick="Blod()" value="Blod" id="btnBlod" />
<input type="button" onclick="Italic()" value="Italic" id="btnItalic" />
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function Blod()
{
Format("粗体","'''");
}
function Italic()
{
Format("斜体","''");
}
function Format(formatName,format)
{
var textarea = document.getElementById("txaContent");
if(textarea.pos != null)
{
var s = textarea.pos.text;
if(s == null || s == 'undefined'||s == '')
{
s = formatName ;
}
s = format + s + format;
textarea.pos.text = s;
}
else
{
textarea.value += format+formatName+format;
}
}
</script>
</head>
<body>
<textarea id="txaContent" cols="20" rows="20" onselect="this.pos = document.selection.createRange();" onclick="this.pos = document.selection.createRange();" onkeyup="this.pos = document.selection.createRange();" ></textarea>
<input type="button" onclick="Blod()" value="Blod" id="btnBlod" />
<input type="button" onclick="Italic()" value="Italic" id="btnItalic" />
</body>
</html>