jQuery文本编辑器插件jWYSIWYG

查看演示立即下载

插件描述：jWYSIWYG是一个jQuery文本编辑插件,创建WYSIWYG编辑器. 可定制和容易使用。它可以用于其他插件和rtl支持。

使用方法

下面的代码创建了一个jWYSIWYG编辑默认选项:

<script type="text/javascript" src="jquery.wysiwyg.js"></script>
<script type="text/javascript">
$(function() {
    $('#wysiwyg').wysiwyg();
});
</script>
 
<textarea id="wysiwyg"></textarea>

选择工具栏按钮控件配置选项:

$('#wysiwyg').wysiwyg({
    controls: {
        strikeThrough: { visible: true },
        underline: { visible: true },
        subscript: { visible: true },
        superscript: { visible: true }
    }
});

还可以指定自定义控件与控件选择:

$('#wysiwyg').wysiwyg({
    controls: {
        alertSep: { separator: true },
        alert: {
            visible: true,
            exec: function() { alert('Hello World'); },
            className: 'alert'
        }
    }
})

另一种方法:

$('#wysiwyg').wysiwyg("addControl",
    "controlName",
    {
        icon: "/path/to/icon.png",
        exec:  function() { alert('Hello World'); }
    }
);

应用CSS样式表内的内容编辑,使用CSS配置选项:

$('#wysiwyg').wysiwyg({
    css: 'editor.css'
});

编辑器不会继承包含页面的样式,您必须指定一个CSS文件适用于它。

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jquery响应裁剪插件FocusPoint
下一个特效： jquery检测滚动距离插件Scroll Detection