`
newxy
  • 浏览: 7775 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

在线HTML编辑器htmlarea简单使用

阅读更多
在线HTML编辑器htmlarea简单使用 

作者:  胡立新

    下例是在JSP文件上运用HTML在线编辑器,使用了struts的标签。在其它环境下应作适当修改。

一、准备:

    下载HTMLarea3.0 http://www.jhdown.com/soft/8/141/html/2006220010681.html,解压到web站点的/htmlarea目录下;

二、定义javascript的全局变量及引入js文件:

<script type="text/javascript">
   _editor_url = "${pageContext.request.contextPath}/htmlarea/";
   _editor_lang = "en";
</script>

<script type="text/javascript" src="${pageContext.request.contextPath}/htmlarea/htmlarea.js"></script>

<script type="text/javascript">
var editor = null;
function initEditor() {
  editor = new HTMLArea("content");
  editor.generate();
}
</script>

有句editor = new HTMLArea("content");"content"是表单中textarea属性的id,如:

      <html:form action="/actionBbsreply.do?method=update" onsubmit="this['content'].value=editor.getHTML();">
        <textarea cols="110" rows="15" id="content" name="content">
          <bean:write name="bbsreply" property="content"/>
        </textarea>
        <html:submit value=" 提 交 ">
        </html:submit>
      </html:form>

三、在body的onload事件中加载initEditor():

  如:<body bgcolor="#ffffff" onload="initEditor()">

四、注意点:

1、editor = new HTMLArea("content");参数值是表单中textarea属性id;

2、在body的onload事件中加载initEditor();

3、表单onsubmit事件调用this['content'].value=editor.getHTML()

五、效果(略):


(说明:转载时请不要作任何修改)
分享到:
评论

相关推荐

    html在线编辑器HTMLArea3

    HTMLArea3是一款基于JavaScript开发的开源HTML在线编辑器,它允许用户在网页上直接编辑HTML内容,无需深入了解HTML代码。这个编辑器对于那些希望在网站上提供内容编辑功能的开发者来说是一个非常实用的工具,尤其是...

    HTMLArea在线文本编辑器 3.0 last 20071025.rar

    HTMLArea是一套自由的WYSIWYG编辑器, 能取代 < textarea > 栏位. 祇要在妳的网页中加入几列简单的 JavaScript 源码, 就可以把标准的 textarea 换成丰富的文字编辑器, 藉此妳可以: 将文字加上粗体, 斜体, 底线...

    HTMLArea在线编辑器中文版3.0RC1

    总的来说,HTMLArea在线编辑器中文版3.0RC1是一个功能完备且具有一定历史的工具,适用于那些需要简单易用的富文本编辑功能且不介意使用较旧技术的项目。开发者可以通过其提供的源码和API来定制和集成,以满足特定的...

    HTMLArea 网页编辑器 v3.0.rar

    总的来说,HTMLArea是一个轻量级、易于集成的在线编辑器,特别适用于需要简单文本编辑功能的网站,尤其是那些希望提供用户友好的界面,而又不想引入复杂文件上传功能的平台。尽管它的功能相比现代的富文本编辑器可能...

    HTMLArea-免费在线定制编辑器

    HTMLArea是一款开源的在线文本编辑器,主要用于网页开发,它允许开发者轻松地将富文本编辑功能集成到他们的网站或Web应用程序中。这款编辑器以其高度可定制性而著称,可以适应各种不同的需求和设计风格。 HTMLArea...

    HTML 类似word编辑器 3.0版本

    HTMLArea 3.0版本是这个编辑器的一个开源实现,旨在提供一种简单、功能丰富的界面,使得网页内容的创建和编辑更为便捷。 一、HTMLArea 3.0的核心特点: 1. 完全开源:HTMLArea 3.0遵循开源协议,用户可以免费使用、...

    17个在线编辑器,包括kindeditor,STEditor,HTMLArea3.0last20071025等

    STEditor是一款轻量级的在线编辑器,适用于快速构建简单的富文本输入场景。其特点有: - 界面简洁,操作直观,适合对编辑功能需求不复杂的情况。 - 支持基本的文本格式化操作,如加粗、斜体、下划线等。 - 内置图片...

    HTMLArea2.03

    10. **文件上传**:HTMLArea 可能集成了一套简单的文件上传机制,用户可以上传图片或其他文件,并在编辑器中直接插入引用。 在压缩包中的"htmlarea"文件可能包含了HTMLArea 2.03的所有源代码和其他相关文件,包括...

    HTMLArea-3.0 文件

    HTMLArea 是一个开源的WYSIWYG(What You See Is What You Get)编辑器,它允许用户在网页中以类似Word的方式编辑文本,无需懂得HTML代码。这个编辑器设计为替代传统的`<textarea>`标签,将普通的文本输入框转换为...

    htmlArea-将任何TEXTAREA转换为WYSIWYG编辑器

    提供的两个文件中,“htmlArea-Turn-Any-TEXTAREA-into-a-WYSIWYG-Editor.pdf”可能是关于HTMLArea的使用指南或教程文档,它可能详细介绍了如何安装、配置和自定义编辑器。而“htmlarea.zip”则可能包含了HTMLArea的...

    制作一个简单HTML电影网页设计(HTML+CSS)

    根据给定文件的信息,我们可以提炼出以下几个重要的知识点: ...此外,还提到了常用的HTML编辑器,这对于初学者来说是非常有用的资源。希望这些知识点能够帮助大家更好地理解和掌握网页设计的基础知识。

    常用的HTML富文本编译器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor简介

    HTMLArea是一个非常不错的基于浏览器的可视化HTML编辑器,它具有速度快,文件体积小,易于定制等特点,能够支持IE、Firefox、Mozilla等浏览器。此外,HTMLArea遵循BSD版权协议,最新版本为3.0。它的加载速度也很快,...

    exthtmleditor_java_extjs_

    标题中的"exthtmleditor_java_extjs_"可能是指一个使用Java和ExtJS实现的增强型HTML编辑器项目。这个编辑器可能具备在线文本编辑、图片上传等功能,特别适合用于内容管理系统或者论坛系统,让用户能够方便地编辑和...

    AreaEdit v0.4.3

    **AreaEdit v0.4.3 - HTML编辑器与图片文件管理器的增强版** AreaEdit是一款基于HTML的文本编辑器,版本号为v0.4.3,它旨在为用户提供一个更强大、更易用的在线内容创作环境。这款编辑器在原有基础上进行了扩展,...

    可编辑LIN数据库的免费软件-LDFtool软件

    LIN(Local Interconnect Network)是一种低成本、低带宽的串行通信协议,常用于汽车电子系统中,作为CAN(Controller Area Network)的补充。对于LIN网络的开发和调试,LDFTool是一款非常实用的免费软件工具,它...

    HTML 4.01 / XHTML 1.0 参考手册

    * 功能:您可使用注释对您的代码进行解释,这样做有助于您在以后的时间对代码的编辑。您也可以在注释内容存储针对程序所定制的信息。在这种情况下,这些信息对用户是不可见的,但是对程序来说是可用的。 HTML <!...

    个人网页模板HTML

    为了充分利用这个模板,你需要解压文件,然后使用文本编辑器(如Sublime Text或Visual Studio Code)编辑HTML和CSS,调整内容和样式。如果你不熟悉代码,可以借助像Wix或WordPress这样的可视化建站工具,它们支持...

    韩顺平HTML课程笔记

    - **编辑器选择**: 如EditPlus、Sublime Text、Visual Studio Code等。 - **特点**: 支持语法高亮、自动补全等功能。 - **编辑器配置**: 设置编码格式、去除备份文件等。 ##### 1.9 HTML文档的基本结构 - **基本...

    HTML Map Designer Pro v2.1

    总之,HTML Map Designer Pro v2.1 是一款强大的网页辅助工具,通过其直观的图形界面和内置编辑器,使得创建和管理复杂的图像映射变得简单易行。对于那些希望提升网页互动性和用户体验的设计师来说,这是一个...

    layui 解决富文本框form表单提交为空的问题

    然而,在使用Layui的富文本编辑器时,开发者可能会遇到表单提交时富文本框内容为空的问题。这通常是由于数据获取方式不当或富文本编辑器的特殊处理引起的。 为了解决这个问题,首先需要了解Layui富文本编辑器如何...

Global site tag (gtag.js) - Google Analytics