随笔 - 1330  文章 - 1  评论 - 378  阅读 - 482万 
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   钱途无梁  阅读(8458)  评论(5编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示