可视化的在线编辑器HTMLArea的程序调用
2005-06-14 14:43
381 查看
1.文件说明
Htmlarea是一个使用JavaScript 开发的一套开源的在线编辑器工具,目前最新版本是3.0,我们程序中使用的2.3版本。这套编辑器所在目录是 /admin/htmlarea 目录中。
我们在添加/修改新闻中使用了这套编辑器,文件目录是 /admin/news.php
2.调用实现
我们这里主要是简单说一下在我们网页中如何调用htmlarea编辑器,同时又如何获取编辑器提交的值。
(1) 定义htmlarea 编辑器所在的目录
我们在我们需要调用的页面中使用JavaScript来指定目录:
<script language="Javascript1.2">
<!-- // 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="JavaScript1.2" 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 的值作为我们编辑器提交的值。
Htmlarea是一个使用JavaScript 开发的一套开源的在线编辑器工具,目前最新版本是3.0,我们程序中使用的2.3版本。这套编辑器所在目录是 /admin/htmlarea 目录中。
我们在添加/修改新闻中使用了这套编辑器,文件目录是 /admin/news.php
2.调用实现
我们这里主要是简单说一下在我们网页中如何调用htmlarea编辑器,同时又如何获取编辑器提交的值。
(1) 定义htmlarea 编辑器所在的目录
我们在我们需要调用的页面中使用JavaScript来指定目录:
<script language="Javascript1.2">
<!-- // 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="JavaScript1.2" 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 的值作为我们编辑器提交的值。
相关文章推荐
- 可视化的在线编辑器HTMLArea的程序调用
- 可视化的在线编辑器HTMLArea的程序调用
- 插件/二次开发时调用discuz在线编辑器的方法
- 用程序判断一个QQ号码是否在线、是否存在(delphi调用webService)
- 程序代码编辑器和浏览器代码编辑器&代码可视化执行过程
- 用HTA APPLICATION调用在线ICQ程序
- 关于高清在线播放器:[迅播播放器][可使用javascript调用][完全兼容asp,jsp,php,.net等主流语言编写的程序]
- 一个很好的在线测试编辑器(可以在线运行很多程序)
- 远程调用在线颜色分析程序代码记录
- PCL:点云的可视化(程序中在线显示)
- 在线HTML编辑器的调用方法和使用方法详解
- 在线可视化HTML编辑器
- 几种在线可视化HTML编辑器的比较
- 用程序判断一个QQ号码是否在线、是否存在(delphi调用webService)
- 在线编辑器调用
- 新浪在线可视化web编辑器PHP版
- 基于ThinkPHP的在线编辑器调用
- 几种在线可视化HTML编辑器的比较
- [第一篇]先发布一个高亮代码在线html编辑器(.NET控件),附源码,调用方法说明
- 在线HTML编辑器htmlarea简单使用