`
guoyiqi
  • 浏览: 1010173 次
社区版块
存档分类
最新评论

10个免费的jQuery可视化编辑器插件(转自:http://sd.csdn.net/a/20110527/298817.html)

 
阅读更多

文本编辑器,也就是所见即所得的HTML编辑器,是网站一个非常重要的组件,特别是对于一些内容发布网站来说。本文介绍10个基于jQuery的可视化文本编辑器。

1.MarkitUp

markItUp!并不是全功能的编辑器,它是一个非常轻量级、可定制的灵活引擎,适合CMS、博客、论坛等网站。makrItUp并不是所见即所得的,以后也不会是。

demo/source

1 markitup 10 Free jQuery Rich Text Editors To Enhanced Your Web Application

2.jWYSIWYG

这是一个内嵌的内容编辑器,可直接编辑HTML内容,并具备所见即所得的效果,该插件体积非常小,只有不到26K。

demo/source

2 jWYSIWYG 10 Free jQuery Rich Text Editors To Enhanced Your Web Application

3.RTE jQuery

该编辑器同样非常小而且易用,并可根据需要进行定制,jquery.rte.js文件只有7k(未压缩),兼容主流浏览器(IE6,Firefox 2,Opera 9,Safari 3.03)

demo / source

3 RTEjQuery 10 Free jQuery Rich Text Editors To Enhanced Your Web Application

4.jHtmlArea

jHtmlArea是一个简单、轻量级、可扩展、基于jQuery开发的WYSIWYGHTML编辑器。这个组件可以很方便将页面中的TextArea标签转换成一个WYSIWYGHTMLEditor。整个编辑器包括图片和CSS大小只有22k。

demo/source

5.WYMEditor

WYMeditor是一个基于Web浏览器的可视化HTML编辑器,界面如下图所示

demo/source

6.uEditor

uEditor是一个灵活易用的编辑器,生成的HTML代码很简单整洁,可通过css定制外观

demo/source

6 uEditor 10 Free jQuery Rich Text Editors To Enhanced Your Web Application

7.jQuery WYSIWYG Rich Text Editor

jQuery Wysiwyg是一个易于集成和定制的编辑器,支持浏览器:IE6,IE7,IE8,FF3,Opera9,Safari4,Google Chrome2,使用MIT授权

demo/source

7 jQueryWYSIWYG 10 Free jQuery Rich Text Editors To Enhanced Your Web Application

8.HtmlBox

HtmlBox是一个基于jQuery开发的HTML/XHTML编辑器。易于使用。支持多种浏览器Mozilla Firefox、Internet Explorer6.0、Opera、Safari和Netscape。非常小只有15kb。HtmlBox默认返回HTML,但也可以输出XHTML。集成Ajax支持。

demo/source

9.CLEditor

CLEditor是一个开源的jQuery插件,提供轻量级、全功能、跨浏览器支持以及可扩展的WYSIWYG的HTML编辑器。

demo / source

9 CLEditor 10 Free jQuery Rich Text Editors To Enhanced Your Web Application

10.WYMeditor: web-based XHTML editor

WYMeditor是一个XHTML编辑器,主要概念是做可视化布局,侧重结构。

demo/source

10 WYMeditor 10 Free jQuery Rich Text Editors To Enhanced Your Web Application

原文出自:开源中国社区

分享到:
评论

相关推荐

    xheditor搭建

    xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器。 xhEditor可以在您的CMS、博客、论坛、商城等互联网平台上完美的嵌入运行,能够非常灵活简单的和您的系统实现完美的无缝衔接 博文参考地址:...

    DotNetTextBox V6.0.10 商业版 下载 (已知最新)

    1)全新的可拖曳菜单工具栏,让每个使用者可视化构建自己的个性化在线编辑器! 2)更强大的Word文档导入编辑器功能,无需特殊的服务器权限或安装客户端组件,只要拥有最基本的ASP.NET读写文件权限即可实现导入Word文档...

    Java Web可视化实践项目

    在这个项目中,我们将会深入探讨如何利用Java Web技术来实现一个具有可视化效果的应用。文章链接指向的是CSDN上的一篇文章,详细介绍了具体的实践过程。 首先,我们来看一下项目中包含的文件夹和文件: 1. `....

    vue-froala-wysiwyg 富文本编辑器功能

    Froala Editor 是一个功能强大的可视化编辑器,提供了丰富的编辑功能,如文本格式化、图片处理、链接管理等。在 Vue3 项目中使用 Vue-froala-wysiwyg,可以为用户带来直观、易于使用的编辑体验。 在开始使用 Vue-...

    Tab控件

    Eclipse和IntelliJ IDEA则为Java项目提供了类似的可视化编辑器。 **6. 设计原则与最佳实践** - **一致性**: 保持Tab控件在整个应用中的样式和行为一致,提高用户的认知度。 - **简洁性**: 避免过多的标签,一般...

    HTML5七夕情人节表白网页制作【新年倒计时白色雪花飘落】HTML+CSS+JavaScript CSS特效

    - **编辑器推荐**: 文中提到的编辑器包括Dreamweaver、HBuilder、Vscode、Sublime等,这些都是常用的HTML编辑工具,其中Dreamweaver适合新手,因为它提供了可视化的设计界面;而Vscode和Sublime则更受高级用户的青睐...

    HTML 教程 简单快速学习html

    本教程旨在帮助你快速掌握HTML的基本概念和语法,让你能够利用Dreamweaver这一强大的可视化编辑工具,轻松构建出简洁、美观的静态页面。 1. **HTML基本结构** HTML文档通常由`<!DOCTYPE>`声明、`<html>`元素、`...

    在网页上运行html代码

    开发者通常使用代码编辑器(如Visual Studio Code、Sublime Text或Atom)来编写和编辑HTML代码,并结合Live Server插件实现即时预览。这样,每次保存更改后,浏览器都会自动刷新显示更新后的页面。 4. JavaScript与...

    简单网页制作代码 HTML+CSS+JavaScript香港美食(8页)

    这些工具各有优势,例如Dreamweaver因其强大的可视化编辑功能而受到初学者的喜爱;而像Vscode这样的轻量级编辑器则因其高度可定制性和丰富的插件支持而受到专业开发者的青睐。 - **适用场景**:不同的编辑器适用...

    Dreamweaver

    1. **可视化编辑**:Dreamweaver提供了所见即所得(WYSIWYG)的编辑环境,使得用户无需编写代码就能创建复杂的网页布局。它支持实时预览,让用户在设计过程中就能看到网页的实际效果。 2. **代码编辑器**:对于熟悉...

    Dreamweaver CC网页设计(素材文件)

    总之,Dreamweaver CC作为一款全面的网页设计工具,结合了代码编辑的灵活性和可视化设计的便利性,是初学者和专业开发者构建美观、功能齐全的网站的理想选择。通过掌握以上知识点,你将能够有效地利用这个工具实现你...

    网页设计与制作电影网站

    在Dreamweaver中,你可以通过可视化编辑器直接添加元素,如标题、段落、链接、图像等,同时Dreamweaver也会自动生成相应的HTML代码。 2. **CSS样式**:CSS(Cascading Style Sheets)用于控制网页的外观和布局。在...

    前端开发者指南2017

    - **数据可视化工具**:创建复杂的图表和数据展示。 - **图形工具**:处理SVG、Canvas、WebGL等内容。 - **动画工具**:制作流畅的动画效果。 - **JSON工具**:格式化、验证JSON数据。 - **占位符内容工具**:生成...

    公司网站模板

    同时,对于不熟悉编程的用户,许多模板也会提供可视化编辑器,通过拖放操作即可完成网站构建。总的来说,公司网站模板是降低建站门槛、提升建站速度的有效工具,尤其对于初创企业和中小企业而言,是一种经济且高效的...

    09年圣诞祝福网页源代码

    在实际开发过程中,开发者可能还会用到版本控制工具(如Git)、代码编辑器(如Visual Studio Code)、预处理器(如Sass或Less)等辅助工具,以提高开发效率和代码质量。此外,考虑到兼容性和性能优化,可能还需要对...

    公司主页模板HTML

    对于不具备编程经验的用户,有一些在线工具和编辑器提供可视化界面,允许用户通过拖放和简单的设置来定制模板,降低了网站制作的门槛。 总的来说,公司主页模板HTML是快速搭建专业网站的有效途径,它结合了HTML的...

    基于raphael的工作流svg

    在IT行业中,工作流可视化编辑是企业信息化管理中不可或缺的一部分,它允许用户通过图形界面来设计、修改和执行业务流程。而"基于Raphaël的工作流SVG"就是一种利用Raphaël库来实现SVG(可缩放矢量图形)技术在工作...

    aptana studio 3

    Aptana Studio 3的核心特性之一是其强大的代码编辑器。它具有语法高亮、自动完成、错误检测和实时预览等功能,极大地提高了开发效率。对于JavaScript,它支持Node.js的开发,并且内置了jQuery和其他流行库的智能...

    网页设计

    网页设计是创建和维护互联网上网站外观和交互性的关键领域,它涵盖了视觉艺术、用户体验、交互设计和前端开发等多个方面。在这个过程中,设计师利用各种工具和技术来创建吸引人的、易于导航且功能丰富的网页。"简单...

Global site tag (gtag.js) - Google Analytics