用js将textarea变成富文本编辑器（立即结贴！）

时间：2021-01-09 21:58:42
或者 http://www.cnblogs.com/goodness2010/archive/2010/03/25/1695241.html
解释下怎么调用new editor('container', bardata);这句！！！

7 个解决方案

#1

不错。。

#2

引用 1 楼 kyzy_yy_pm 的回复:
不错。。

什么？？你知道怎么调用的吗，说下啊

#3

呵呵，我没弄过，我试试，如果成功告诉你，先看看高人们的答案吧

#4

<!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>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>xhEditor demo1 : 默认模式</title>  
<link rel="stylesheet" href="common.css" type="text/css" media="screen" />  
<script type="text/javascript" src="../jquery/jquery-1.3.2.min.js"></script>  
<script type="text/javascript" src="../xheditor.js"></script>  
</head>  
<body>  
<form method="post" action="test.php">  
    <h3>xhEditor demo1 : 默认模式</h3>  
    xheditor(默认完全):<br />  
    <textarea id="elm1" name="elm1" class="xheditor" rows="12" cols="80" style="width: 80%">  
<p><span style="font-size:small;color:#ff6600;"><strong>登幽州台歌</strong></span></p><p><u>陈子昂</u></p><p>前不见古人，后不见来者。<img src="../xheditor_emot/shocked.gif"/></p><p>念天地之悠悠，独怆然而涕下！<img src="../xheditor_emot/cry.gif"/></p>  
    </textarea><br /><br />xheditor-simple(简单):<br />  
    <textarea id="elm2" name="elm2" class="xheditor-simple" rows="12" cols="80" style="width: 80%">  
<p><span style="font-size:small;color:#ff6600;"><strong>登幽州台歌</strong></span></p><p><u>陈子昂</u></p><p>前不见古人，后不见来者。<img src="../xheditor_emot/shocked.gif"/></p><p>念天地之悠悠，独怆然而涕下！<img src="../xheditor_emot/cry.gif"/></p>  
    </textarea><br /><br />xheditor-mini(迷你):<br />  
    <textarea id="elm3" name="elm3" class="xheditor-mini" rows="12" cols="80" style="width: 80%">  
<p><span style="font-size:small;color:#ff6600;"><strong>登幽州台歌</strong></span></p><p><u>陈子昂</u></p><p>前不见古人，后不见来者。<img src="../xheditor_emot/shocked.gif"/></p><p>念天地之悠悠，独怆然而涕下！<img src="../xheditor_emot/cry.gif"/></p>  
    </textarea>  
    <br/><br />  
    <input type="submit" name="save" value="Submit" />  
    <input type="reset" name="reset" value="Reset" />  
      
    <br/><br/><br/>  
    --------------------  
    <br/><br/><br/>  
    <br/><br/><br/><br/>  
    --------------------  
    <br/><br/><br/>  
    <script type="text/javascript">  
    $(function(){  
       $('#btn').bind("click", function(){  
                     $('#test').append("<textarea id=\"elm2\" name=\"elm2\" class=\"xheditor-simple\" style=\"width: 80%\"></textarea>");  
              });  
       $('#btn').trigger("click");  
    })  
</script>  
</form>  
<button id="btn">点击我</button>  
<div id="test"></div>  
</body>  
</html>  

#5

引用 4 楼 hehuan1213 的回复:
<!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>  
<meta http-equiv="……
解释下怎么调用new editor('container', bardata);这句！！！
进那个网站！

#6

该回复于2010-09-07 14:30:42被版主删除

#7

谁能解释下那个网站最后的一段调用代码啊
！

#1

不错。。

#2

引用 1 楼 kyzy_yy_pm 的回复:
不错。。

什么？？你知道怎么调用的吗，说下啊

#3

呵呵，我没弄过，我试试，如果成功告诉你，先看看高人们的答案吧

#4

<!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>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>xhEditor demo1 : 默认模式</title>  
<link rel="stylesheet" href="common.css" type="text/css" media="screen" />  
<script type="text/javascript" src="../jquery/jquery-1.3.2.min.js"></script>  
<script type="text/javascript" src="../xheditor.js"></script>  
</head>  
<body>  
<form method="post" action="test.php">  
    <h3>xhEditor demo1 : 默认模式</h3>  
    xheditor(默认完全):<br />  
    <textarea id="elm1" name="elm1" class="xheditor" rows="12" cols="80" style="width: 80%">  
<p><span style="font-size:small;color:#ff6600;"><strong>登幽州台歌</strong></span></p><p><u>陈子昂</u></p><p>前不见古人，后不见来者。<img src="../xheditor_emot/shocked.gif"/></p><p>念天地之悠悠，独怆然而涕下！<img src="../xheditor_emot/cry.gif"/></p>  
    </textarea><br /><br />xheditor-simple(简单):<br />  
    <textarea id="elm2" name="elm2" class="xheditor-simple" rows="12" cols="80" style="width: 80%">  
<p><span style="font-size:small;color:#ff6600;"><strong>登幽州台歌</strong></span></p><p><u>陈子昂</u></p><p>前不见古人，后不见来者。<img src="../xheditor_emot/shocked.gif"/></p><p>念天地之悠悠，独怆然而涕下！<img src="../xheditor_emot/cry.gif"/></p>  
    </textarea><br /><br />xheditor-mini(迷你):<br />  
    <textarea id="elm3" name="elm3" class="xheditor-mini" rows="12" cols="80" style="width: 80%">  
<p><span style="font-size:small;color:#ff6600;"><strong>登幽州台歌</strong></span></p><p><u>陈子昂</u></p><p>前不见古人，后不见来者。<img src="../xheditor_emot/shocked.gif"/></p><p>念天地之悠悠，独怆然而涕下！<img src="../xheditor_emot/cry.gif"/></p>  
    </textarea>  
    <br/><br />  
    <input type="submit" name="save" value="Submit" />  
    <input type="reset" name="reset" value="Reset" />  
      
    <br/><br/><br/>  
    --------------------  
    <br/><br/><br/>  
    <br/><br/><br/><br/>  
    --------------------  
    <br/><br/><br/>  
    <script type="text/javascript">  
    $(function(){  
       $('#btn').bind("click", function(){  
                     $('#test').append("<textarea id=\"elm2\" name=\"elm2\" class=\"xheditor-simple\" style=\"width: 80%\"></textarea>");  
              });  
       $('#btn').trigger("click");  
    })  
</script>  
</form>  
<button id="btn">点击我</button>  
<div id="test"></div>  
</body>  
</html>  

#5

引用 4 楼 hehuan1213 的回复:
<!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>  
<meta http-equiv="……
解释下怎么调用new editor('container', bardata);这句！！！
进那个网站！

#6

该回复于2010-09-07 14:30:42被版主删除

#7

谁能解释下那个网站最后的一段调用代码啊
！
标签：

相关文章