0

    HTML在线编辑器的调用方法和使用方法详解

    2023.04.13 | admin | 249次围观

    HTML在线编辑器不需要懂得使用Dreamweaver,会用Word就会使用此编辑器,在文章系统或者是新闻系统需要文字编辑的web程序中非常实用。

    但是如何将html编辑器嵌入到web页中和怎么取得里面的数据呢?!

    首先我们假定我们所要调用得HTML在线编辑器放在一个单独得页面中,文件名是gledit.htm。

    HTML在线编辑器有两种基本调用方法

    一、使用object调用:

    1、怎么在web页中嵌入html编辑器: 我们在需要嵌入得位置加入以下html代码:

    其中object标签里面得data后面接得数据就是我们所要调用得在线编辑器页得路径网页在线编辑器怎么用,id就是我们调用object得id,后面取编辑器中得数据时就要用到这个id。Width和height就是编辑器得高度和宽度了。

    2、怎么取得html编辑器中的数据:所有需要提交的内容我们都是放在一个表单里面,同样利用object调用的编辑器也放在这个表单里面,同时我们可以设置一个隐藏的文本区域(或)用以在提交的时候临时保存html在线编辑器的数据,因为在asp或者jsp,php中不能直接获取表单中的object的内容,所以我们必须借助隐藏文本区域来获取数据。我们在表单提交的同时将object里面的内容复制到隐藏的文本区域中。详细代码如下:

    这样在后台处理的页面中我们就可以直接通过取隐藏区域content的数据来获取html在线编辑器的数据。

    3、怎么在文本编辑器中加入上传本机图片到html在线编辑器中:首先我们使得在点击插入图片的按钮时弹出一个上传图片的窗口,我们利用自己写的程序来实现上传本机图片到服务器上,然后我们需要记录图片的路径,然后通过html在线编辑器的值中加入显示图片的html标签。详细说明及代码如下:

    在编辑器中我们在插入图片的按钮上加入事件onclick="window.open('img_upload.asp','img_upload','width=481 height=190')">在'img_upload.asp'中我们将提交的图片上传到服务器制定目录然后记录图片路径

    这样就实现了简单的将上传的图片插入到编辑器中。

    4、怎么在编辑修改文章的时候调用HTML在线编辑器来修改数据:当我们把在添加的时候将HTML在线编辑器来修改数据提交到数据库后我们还需要能将数据库的内容用HTML在线编辑器来修改数据。首先我们在表单中加入一个隐藏区域来放置数据库中的内容,例如,要注意这里我们用隐藏的textarea而不能用隐藏的input,因为数据里面可能包含了回车换行,所以如果我们使用">很可能因为有换行而出现HTML错误(value=后面接的数据必须保证是在一行,否则出错)。然后按照前面介绍的方法使用object调用HTML在线编辑器,方法和代码同上,现在我们要做的其实就是提交时候的逆过程,我们只要将隐藏文本区域的内容复制到HTML在线编辑器就可以了,在这里我们在body里面加上,这样在页面装载完的时候就可以将数据库中的内容放入HTML在线编辑器中编辑了,提交过程和上面介绍的一样,在此就不赘述了。

    二、使用iframe调用(有些和object调用重复的地方就简单描述一下)

    1、 怎么在web页中嵌入:我们在需要嵌入得位置加入以下html代码:其中"src="后面接得数据就是我们所要调用得在线编辑器页得路径,id就是我们调用IFRAME得id,Width和height就是编辑器得高度和宽度了。

    2、 怎么取得html编辑器中的数据:同样所有需要提交的内容我们都是放在一个表单里面,同时我们可以设置一个隐藏的文本区域(或)用以在提交的时候临时保存html在线编辑器的数据,我们借助隐藏文本区域来获取数据。我们在表单提交的同时将object里面的内容复制到隐藏的文本区域中。详细代码如下:

    function subchk(cmd)

    {

    document.form1.content.value= window.content_html.getHTML();

    }

    返回已添加指定时间间隔的日期。

    DateAdd(interval, number, date)

    参数

    interval

    必选项。字符串表达式,表示要添加的时间间隔。有关数值,请参阅"设置"部分。

    number

    必选项。数值表达式,表示要添加的时间间隔的个数。数值表达式可以是正数(得到未来的日期)或负数(得到过去的日期)。

    date

    必选项。Variant 或要添加 interval 的表示日期的文字。

    设置

    interval 参数可以有以下值:

    设置 描述

    yyyy 年

    q 季度

    m 月

    y 一年的日数

    d 日

    w 一周的日数

    ww 周

    h 小时

    n 分钟

    s 秒

    说明

    可用 DateAdd 函数从日期中添加或减去指定时间间隔。例如可以使用 DateAdd 从当天算起 30 天以后的日期或从现在算起 45 分钟以后的时间。要向 date 添加以"日"为单位的时间间隔,可以使用"一年的日数"("y")、"日"("d")或"一周的日数"("w")。

    DateAdd 函数不会返回无效日期。如下示例将 95 年 1 月 31 日加上一个月:

    NewDate = DateAdd("m", 1, "31-Jan-95")

    在这个示例中,DateAdd 返回 95 年 2 月 28 日,而不是 95 年 2 月 31 日。如果 date 为 96 年 1 月 31 日,则返回 96 年 2 月 29 日,这是因为 1996 是闰年。

    如果计算的日期是在公元 100 年之前,则会产生错误。

    如果 number 不是 Long 型值,则在计算前四舍五入为最接近的整数。

    HTML在线编辑器的调用方法和使用方法详解

    eg:

    asp中计算日期差的问题

    大家应该都知道 Recordset 有个 GetRows 属性,但是真正使用的不多,我也是最近才用的!汗……

    其实这个属性很简单,就是把数据集输出到一个数组中。但是实用性可不小,在这里我举一个例子说明一下GetRows的使用方法,大家举一反三能想到更多的用法!

    比如一个分类的表 T_Cate,结构和数据如下:

    ID | Title | Intro

    -----------------------------------------

    1 | 新闻 | 这里是新闻

    2 | 教程 | 这里是教程

    3 | 下载 | 这里是下载

    好了,表建立好了,数据也有了,下面我们就要用到GetRows咯!

    Dim Rs_Cate

    Dim Arr_Cate

    Set Rs_Cate=Conn.ExeCute("select ID,Title,Intro FROM T_Cate ORDER BY ID ASC")

    Arr_Cate=Rs_Cate.GetRows

    Set Rs_Cate=Nothing

    好了表数据已经导出到数组了!下面我们将遍历这个数组

    Dim Arr_CateNumS,Arr_CateNumI

    Arr_CateNumS=Ubound(Arr_Cate,2) '得到数组中数据的下标

    For Arr_CateNumI=0 To Arr_CateNumS

    Response.Write("ID:"&Arr_Cate(0,Arr_CateNumI)&" | 标题:"&Arr_Cate(1,Arr_CateNumI)&" | 介绍:"&Arr_Cate(2,Arr_CateNumI)&"

    ")

    Next

    呵呵,好了,输出的数据为:

    ID:1 | 标题:新闻 | 介绍:这里是新闻

    ID:2 | 标题:教程 | 介绍:这里是教程

    ID:3 | 标题:下载 | 介绍:这里是下载

    好了,具体就写这么多吧!文采不行,如果大家有什么不明白的,多用用就可以了,呵呵

    附:来源

    GetRows 方法

    将 Recordset 对象的多个记录恢复到数组中。

    语法

    array = recordset.GetRows( Rows, Start, Fields )

    返回值

    返回二维数组。

    参数

    Rows 可选,长整型表达式,指定要检索记录数。默认值为 adGetRowsRest (-1)。

    Start 可选,字符串或长整型,计算得到在 GetRows 操作开始处的记录的书签。也可使用下列 BookmarkEnum 值。

    常量 说明

    AdBookmarkCurrent 从当前记录开始。

    AdBookmarkFirst 从首记录开始。

    AdBookmarkLast 从尾记录开始。

    Fields 可选,变体型,代表单个字段名、顺序位置、字段名数组或顺序位置号。ADO 仅返回这些字段中的数据。

    说明

    使用 GetRows 方法可将记录从 Recordset 复制到二维数组中。第一个下标标识字段,第二个则标识记录号。当 GetRows 方法返回数据时数组变量将自动调整到正确大小。

    如果不指定 Rows 参数的值,GetRows 方法将自动检索 Recordset 对象中的所有记录。如果请求的记录比可用记录多,则 GetRows 仅返回可用记录数。

    如果 Recordset 对象支持书签,则可以通过传送该记录的 Bookmark 属性值,来指定 GetRows 方法将从哪个记录开始检索数据。

    如要限制 GetRows 调用返回的字段,则可以在 Fields 参数中传送单个字段名/编号或者字段名/编号数组。

    在调用 GetRows 后网页在线编辑器怎么用,下一个未读取的记录成为当前记录,或者如果没有更多的记录,则 EOF 属性设置为 True。

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论