WYSIWYG jQuery 插件
下载: jWYSIWYG v0.3 (76kb, 压缩) 环境: jQuery 1.2.3+ 官方 作者: Juan M Martínez, joksnet@gmail.com, Company 最后更新: April 01, 2008 网站: @jQuery, @Google Code, Support Forum, Bug Tracker   简述:
本插件是一个内置的HTML编辑器, 文件小(少于26KB)、18kb的代码和打包后只有7KB, 是WYMeditor最好的替代。主要是原则是保持它简洁, 并非所有用户需要的字体着色或创建表,而是最基本的应用。
因为你们的支持在过去的几个月内这个插件有很大的变化,我需要改动下简述。
如果你喜欢 jWYSIWYG, 请捐赠一下, 谢谢
演示地址: http://www.onlyaa.com/examples/jwysiwyg-0.3/index.htm
代码:

$(function()
{
    $(
'#wysiwyg').wysiwyg();
}); 

添加定制的功能:

<style type="text/css">
    .alert 
{ background: url('img/error.gif') no-repeat !important; }
</style>
$('#wysiwyg').wysiwyg(
{
    controls 
: {
        alertSep : { separator : true 
},
        alert : 
{
            visible   
: true,
            exec      : function() { alert('Hello World')
; },
            className : 'alert'
        }
    }
}); 

插入图片

$('a[href="#insertImage"]').click(function()
{
    $('#wysiwyg').wysiwyg('insertImage', 'img/hourglass.gif');
});

启用隐藏的功能

$('#wysiwyg').wysiwyg({
    controls 
: {
        separator04 : { visible : true 
},
        insertOrderedList : 
{ visible : true },
        insertUnorderedList : 
{ visible : true }
    }
});

清空编辑器的内容

$('#wysiwyg').wysiwyg('clear');

 

技术支持:
如果遇到任何 jWYSIWYG相关的问题,可以进入讨论去,我会尽力帮助解决. 如果遇到不完全对的地方,发送该bug, 我会看到的。
Support Forum
Bug Tracker

许可证
jWYSIWYG 使用 MIT/GPL 双重许可证.
简单的翻译说明:
为了提供好的学习资源,尝试翻译, 不好的地方请指教 QQ3988592
英文原文地址:http://projects.bundleweb.com.ar/jWYSIWYG/
Copyright &copy; 2007-2008 Javascript经典专区 . All Rights Reserved.
技术成就梦想! 你的成功,我们的期望!

 

文章摘自:http://jscode.5d6d.com/thread-42-1-1.html

posted on 2009-07-17 23:18  钱途无梁  阅读(8439)  评论(5编辑  收藏  举报