下载: 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();
});
{
$( ' #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'
}
}
});
.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('insertImage', 'img/hourglass.gif');
} );
启用隐藏的功能
$('#wysiwyg').wysiwyg(
{
controls : {
separator04 : { visible : true } ,
insertOrderedList : { visible : true } ,
insertUnorderedList : { visible : true }
}
});
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 © 2007-2008 Javascript经典专区 . All Rights Reserved.
技术成就梦想! 你的成功,我们的期望!