文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>可视化的在线编辑器HTMLArea的程序调用

可视化的在线编辑器HTMLArea的程序调用

时间:2007-05-13  来源:linxh

原文出自:http://blog.csdn.net/heiyeshuwu/archive/2005/06/14/394162.aspx

1.文件说明
Htmlarea是一个使用JavaScript开发的一套开源的在线编辑器工具,目前最新版本是3.0。在下面的例子中,该编辑器所在目录是 /admin/htmlarea 目录中。
在添加/修改新闻中使用了该编辑器,文件目录是 /admin/news.php

2.调用实现
这里主要是简单说一下在网页中如何调用htmlarea编辑器,如何获取编辑器提交的值。

(1) 定义htmlarea 编辑器所在的目录
在需要调用的页面中使用JavaScript来指定目录:

<script language="Javascript">
<!-- // load htmlarea
_editor_url = "./htmlarea/"; //htmlarea所在的目录,这里是当前目录的hrmlare 目录中
var win_ie_ver = parseFloat(navigator.appVersion.split("MSIE")[1]);
if (navigator.userAgent.indexOf('Mac') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Windows CE') >= 0) { win_ie_ver = 0; }
if (navigator.userAgent.indexOf('Opera') >= 0) { win_ie_ver = 0; }
if (win_ie_ver >= 5.5) {
 document.write('<scr' + 'ipt src="' +_editor_url+ 'editor.js"');
 document.write(' language="Javascript1.2"></scr' + 'ipt>');
} else { document.write('<scr'+'ipt>function editor_generate() { return false; }</scr'+'ipt>'); }
// -->
</script>

(2) 实例化htmlarea编辑器

<script language="JavaScript" defer>
var config = new Object(); // 产生一个htmlarea 的配置对象
config.width = "700"; //定义编辑器的宽度
config.height = "350"; //定义编辑器的高度
config.bodyStyle = 'background-color: #F8F8F8; font-family: "Verdana"; font-size: 12px;'; //背景颜色
config.debug = 0; //是否打开调试模式

editor_generate('newstext',config); //把这个编辑器对应那个表单中的文本域对象
</script>

定义了上面的东西后,就必须在当前页中有一个变量名为 newstext 的文本域对象:

<textarea name="newstext" cols="105" rows="25" id="newstext"></textarea>

这样运行之后就能够使用该编辑器了。

3) 如何获取编辑器提交的值

获取上面的 newstext 的值作为编辑器提交的值。

相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载