`
otom31
  • 浏览: 230309 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

WEB在线编辑器原理

Web浏览器fckeditorIE 
阅读更多
从eWebEditor到 FCKeditor现在有很多很多的在线编辑器了，功能都很强，很多，但是其基本原理却都很简单 ­

我发现的编辑器主要有3大类，我总结下，把各自的优缺点都写下­

­

直接用textarea 标签 ­

优点：速度快，提交方便，可以用UBB标签来弥补不能所见所得 ­

缺点：不直观，功能非常少 ­

­

用 DIV或者TABLE的CONTENTEDITABLE 标签，属性来让一个区域可以编辑 ­

优点：可以很直观，可以做各种效果 ­

缺点：此标签在mozilla下不可用，只适合IE浏览器，且对js要求高­

­

用iframe或者frame的中的document的document.designMode ="On" 来实现可编辑 ­

优点：具有上面第二条的全部优点，并且还多浏览器比如ff等支持 ­

缺点：对js要求高­

­

下面是第三点的一个简单例子代码 ­

<iframe MARGINHEIGHT="1" MARGINWIDTH="1" width="400" height="100"></iframe> ­

<script language="JavaScript"> ­

<!-- ­

//get frame object ­

frameobj=frames[0]; ­

bodyHtml="<head>\n<style type=\"text/css\">body {font: 10pt verdana;}</style>\n</head>\n<BODY bgcolor=\"#FFFFFF\" MONOSPACE>" ­

bodyHtml += "<style>\np{margin:0px;padding:0px;}\n</style>\n</body>"; ­

frameobj.document.open(); ­

frameobj.document.write(bodyHtml); ­

frameobj.document.close(); ­

frameobj.document.designMode="On"; ­

//--> ­

</script>
分享到：
| MM7 移动彩信群发工具
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Web在线编辑器(JS全文注释)

    Web在线编辑器是一种基于JavaScript（JS）开发的富文本编辑工具，它允许用户在网页上进行文字编辑、格式化和内容创作，就像使用常见的桌面文本处理软件一样。JS全文注释意味着该编辑器的源代码有详细的注释，这对于...

    java web文本编辑器

    - **XSS攻击**：由于编辑器生成的是HTML，需要在服务器端对用户输入进行过滤和转义，防止跨站脚本攻击。 - **文件上传安全**：对用户上传的文件进行类型和大小限制，防止恶意文件上传。 - **SQL注入**：在处理...

    HTML在线编辑器原理

    HTML在线编辑器是一种基于Web的工具，允许用户直接在浏览器中编辑HTML内容，通常用于创建网页、论坛发帖、博客日志等。这种编辑器的关键在于其提供了类似于桌面文字处理软件的界面，使得非程序员也能方便地编辑和...

    WEB在线编辑器(UBB)

    WEB在线编辑器是一种在网页上实现文本编辑功能的工具，主要应用于论坛、博客等互动平台，让用户无需安装桌面软件即可创建、编辑和发布内容。UBB（Uniform BBCode）是这种编辑器的一种特殊形式，其名称来源于“统一...

    简单方便的web打印编辑器

    在IT行业中，Web打印编辑器是一种在线工具，它允许用户在网页上直接编辑、格式化文本，并能够方便地进行打印预览和打印操作。这样的编辑器通常基于Web技术，如HTML、CSS和JavaScript构建，可以无缝集成到各种Web应用...

    一个Web编辑器

    Web编辑器，也称为在线文本编辑器或富文本编辑器，是网页应用程序中的一个重要组件，允许用户在浏览器环境下进行文本输入、格式化和编辑操作，类似于桌面端的Word处理软件。这类编辑器广泛应用于博客、论坛、内容...

    一款操作简单界面漂亮的web编辑器

    在Web编辑器领域，新浪编辑器以其简洁的设计和易用性脱颖而出。它不仅提供了基本的文字输入、字体设置、字号调整、颜色选择等常见功能，还支持段落格式化，如缩进、对齐方式以及列表样式等。此外，它具有强大的富...

    web html文本编辑器

    下面我们将深入探讨HTML编辑器的核心功能、工作原理以及在Web开发中的应用。 HTML（HyperText Markup Language）是构建网页的基础语言，它使用标签来描述网页结构。一个优秀的Web HTML编辑器应该具备以下关键特性：...

    Java Web编程 web工作原理

    Web工作原理的理解对于任何Java Web开发者来说都至关重要。本文将深入探讨Java Web的基本概念，工作流程以及相关工具。 首先，理解Web应用的基础——HTTP协议。HTTP（超文本传输协议）是客户端和服务器之间通信的...

    HTML在线编辑器原理-简单深入.docx

    1. **HTML在线编辑器**：是一种基于Web的工具，允许用户直接在浏览器中编辑HTML文档。它通常集成了多种富文本编辑功能，如字体样式调整、图片插入、链接设置等。 2. **DHTML（Dynamic HTML）**：是一种结合HTML、...

    在线web编辑器精简版3合一

    在线Web编辑器是网页开发中不可或缺的工具，主要用于在网页上进行文本编辑和内容创作。本项目提供的"在线web编辑器精简版3合一"整合了三款知名的开源编辑器：eWebEditor、FCKeditor和TinyMCE，旨在提供一个轻量级且...

    weboffice在线编辑office插件

    在weboffice插件中，`style.css`可能包含了特定于在线编辑器的样式规则，如按钮、菜单栏和文本区域的样式，以确保界面的美观和一致。 `WebOffice-白皮书.doc`和`点聚weboffice介绍.doc`是文档文件，可能包含了关于...

    tinymce Web 在线编辑器

    总的来说，TinyMCE是一个功能强大的Web在线编辑器，对于前端开发者来说，无论是用于项目开发还是学习JavaScript和Web应用开发，都是一个宝贵的资源。通过深入研究"tinymce_3_2_4_1"源码，开发者可以提升自己的技能，...

    WebOffice在线编辑痕迹保留JAVA

    WebOffice在线编辑痕迹保留JAVA是一种在网页环境下实现文档编辑、查看和协作的技术，它允许用户无需安装Microsoft Office等桌面软件，就能在线处理Word、Excel、PowerPoint和WPS等文件。这种技术通常由第三方公司...

    web自动化测试原理

    本文将深入探讨Web自动化测试的原理、工程实践以及常用的自动化测试框架，并结合具体的实战用例进行讲解。 一、Web自动化测试原理 Web自动化测试基于编程语言和特定的测试框架，通过编写脚本模拟用户在Web应用程序...

    web文本编辑器

    【web文本编辑器】是一种在线的富文本编辑工具，它允许用户在网页上进行文本输入、格式化和编辑，类似于常见的桌面文本编辑器，如Microsoft Word。这些编辑器通常使用HTML、JavaScript和CSS等技术构建，可以嵌入到...

    Java Web 服务器原理

    Java Web服务器原理主要涉及到Web应用的部署、运行和管理，其中Tomcat是一个广泛使用的开源Java Servlet容器，它是Java EE（现在称为Jakarta EE）的一部分。本文将深入探讨Java Web服务器的工作原理，特别是Tomcat的...

    web静态网页生成器

    静态网页生成器的主要工作原理是通过读取用户提供的内容（例如Markdown格式的文字、图片、样式表等），然后使用模板引擎将这些内容转化为HTML文件。这个过程通常称为“预渲染”或“静态化”。这样生成的网页可以直接...

    jsp在线编辑器 jsp在线编辑器

    **JSP在线编辑器**是一种基于JavaServer Pages (JSP)技术的工具，它允许用户在Web浏览器上直接编辑和预览JSP文件，极大地提高了开发效率和协作能力。本指南将详细介绍如何集成并使用一个名为"Edit"的JSP在线编辑器。...

    Rstp+VLC Web页面生成器 源码

    【Rstp+VLC Web页面生成器 源码】是一个用于创建基于Web的实时流媒体播放器的软件工具，其核心技术结合了RTSP（Real-Time Streaming Protocol）和VLC（VideoLAN Client）。该源码是开发人员或爱好者进行自定义Web...

Magicbox
Global site tag (gtag.js) - Google Analytics