• 10个基于jQuery或JavaScript的WYSIWYG 编辑器


    10惊人的自由丰富的文本编辑器,将提升您的网站的功能。我已经收集了5 jQuery和5个非jQuery实时评价附带简单的功能,具有办公一样的功能。

    在线编辑内容的时候,那些基于 JavaScript 的编辑器帮了我们大忙,这些所见即所得(WYSIWYG)编辑器,给我们提供了类似 Office?的操作体验。如今,任何网站内容管理系统(CMS)和博客系统都需要一个这样的编辑器。本文精选了5个基于 JavaScript?的编辑器,5个基于 jQuery 框架的编辑器。

    MarkitUp – jQuery

    Official Website | Demo
    MarkitUp

    markItUp! 它不是一个“全功能,乱用”的编辑器。相反,它是一个非常轻量级的,可定制的和灵活的文本编辑器,以满足发展的需要,在其CMSes ,博客,论坛或网站。 markItUp !不是一个WYSIWYG编辑器,它是简易实用的文本编辑器。

    • 快速移植和使用
    • 支持键盘快捷键
    • 支持Ajax的动态预览
    • 兼容的浏览器: IE7, Safari 3.1, Firefox 2, Firefox 3. IE6 and Opera 9+ as-is.
    • 许可: MIT/GPL
    • 文件: 便携,节省资源,只有 6.5Kb.

    jWYSIWYG – jQuery

    Official Website | Demo
    jWYSIWYG

    jWYSIWYG,此插件是一个内置的内容编辑器,允许编辑HTML内容。这是一种替代WYMeditor与便捷实用的功能。文件大小不到 17Kb和26Kb总额只有9Kb 18Kb的代码和7Kb便携。

    • GNU General Public License v2
    • 小巧轻便
    • 支持Ajax的动态预览
    • 兼容主流浏览器

    Lightweight RTE- jQuery

    Official Website | Demo
    jWYSIWYG

    这一丰富文本编辑器尽可能的简单容易的改变我们基本的编辑需求。

    • 超轻量级,只有 7kb
    • 兼容主流浏览器
    • 简洁,优雅
    • GNU General Public License

    HTMLBox – jQuery

    Official Website | Demo
    HTMLBox

    HTMLBox,跨浏览器的,开源的HTML / XHTML文本基础上的jQuery库。通过了Mozilla Firefox , Inrernet浏览器, Netscape和Safari浏览器的测试。一体化的HtmlBox易于集成到CMS,论坛,留言板,博客中。

    • 易于集成
    • 兼容主流浏览器.
    • 大小只有 15kb (最小 11kb )
    • 支持XHTML输出.
    • 支持Ajax的动态预览
    • 有完整的用户手册,这将引导您完成每一步的整合HtmlBox到您的应用和定制它。

    D Small Rich Text Editor – jQuery

    Official Website | Demo
    D Small Rich Text Editor

    丰富的文本编辑器,应用了IFRAME元素,功能非常全,能满足我们复杂的文本编辑。

    • 大小(~18k) ! (便携/Minified JS, Plugins & CSS合起来有12k w/o GZIP, HTML can be reduced to ~3k using GZIP, Images (w/o emoticons) are less than 3k)
    • 兼容主流浏览器
    • 支持所有的基本功能
    • 支持插件功能
    • 图片上传,通过AJAX 实现(使用的是 AjaxFileUpload plugin).
    • 可以调整文本区域。
    • 支持XHTML 1.0 验证 和 过滤(Note: this refers to the editor’s markup and not to it’s generated content which may or may not be valid!).
    • 具有 HTML 修正功能

    WYMEditor – jQuery

    Official Website | Demo
    WYMEditor

    WYMeditor是一个基于网络的WYSIWYM (你所看到的你的意思)的XHTML编辑器。 WYMeditor的主要概念是离开的细节文件的视觉版面,并把重点放在它的结构和意义,同时努力为用户提供舒适的文本编辑器

    • XHTML strict + CSS compliant
    • 没有字体或文本格式, 大小或颜色 – 它们是基于您的css样式的
    • 便于集成至您的应用程序中
    • 无需安装,这是100 %的Javascript代码编写的-无插件,不延时
    • 支持Image, link, table
    • 支持 CSS
    • 有APIs,支持插件
    • 自由和开放源码
    • 兼容主流浏览器

    TinyMCE – non-jQuery

    Official Website | Demo
    TinyMCE

    TinyMCE是一个独立的平台,基于Web的Javascript的 HTML WYSIWYG编辑器,是开源的。超强的HTML文本或其他元素转换能力,以编辑实例。

    • 易于集成-只需要几行代码
    • 自定义-主题和插件,阻止无效的要素和属性。
    • 兼容主流浏览器 – Mozilla, MSIE, FireFox, Opera, Safari and Chrome.
    • 轻量级的 – PHP/.NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load.
    • 兼容AJAX- Compatible – You can easily use AJAX to save and load content!
    • 支持国际化 – Multilanguage support using language packs.
    • 开源 – Free under the LGPL license, millions of ppl help test and improve this editor every day.

    fckeditor – Non-jQuery

    Official Website | Demo
    fckeditor

    此HTML文本编辑器具有类似于MS Word一样的功能。它轻量级,无需安装

    • 兼容主流浏览器
    • 支持XHTML 1.0
    • 可以定制自己的CSS
    • 字体格式: type, size, color, style, bold, italic, etc
    • 文本格式: alignment, indentation, bullets list, etc
    • 支持 Cut, Paste, and Paste as Plain Text, Undo and Redo
    • Paste from Word cleanup with auto detection
    • 支持插入图片,上传,预览
    • 单击右键有下拉菜单
    • 支持 插件
    • 有智能拼写检查程序
    • 轻量级的和快速的
    • 自动检测和个性化的浏览器

    Yahoo YUI Rich Text Editor – Non-jQuery

    Official Website | Demo
    Yahoo UI RTE

    The Rich Text Editor是Yahoo YUI开发的,它可以取代标准HTML文本;支持文本字体选择,加粗,斜体 ,有序列表,无序列表,链接,拖放图片,工具栏通过插件是可扩展,能够实现高度的个性化设置.

    Xinha – Non-jQuery

    Official Website | Demo
    Xinha

    Xinha (pronounced like Xena, the Warrior Princess)是一个功能强大的所见即所得的HTML编辑器组件,在支持目前所有的浏览器。其configurabilty和可扩展性,可以很容易地 生成合适的内容,无限制

    来源:http://blog.sn00py.cn/2010/03/10%e4%b8%aa%e5%9f%ba%e4%ba%8ejquery%e6%88%96javascript%e7%9a%84wysiwyg-%e7%bc%96%e8%be%91%e5%99%a8/

  • 相关阅读:
    【第一周】进度条
    【第二周】Java实现英语文章词频统计(改进1)
    【第二周】关于java.util包下的Random类
    【第二周】结对编程(宫丽君和林莉):四则运算
    【第二周】scrum站立会议
    【第二周】燃尽图
    【第二周】Java实现英语文章词频统计
    【第一周】读《构建之法》有感
    python:带参数的装饰器,函数的有用信息
    python:数据类型dict
  • 原文地址:https://www.cnblogs.com/witer666/p/1729093.html
Copyright © 2020-2023  润新知