当前位置: 首页 > 工具软件 > jWYSIWYG > 使用案例 >

[jquery插件]Jwysiwyg文本编辑器

蔡鹏程
2023-12-01
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

 类似资料: