jquery轻量级文本编辑器Trumbowyg

查看演示立即下载

插件描述：Trumbowyg一个轻量级文本编辑器，简洁漂亮的设计,生成语义代码,有一个强大的API。编辑生成的代码进行了优化,HTML5的支持。兼容浏览器IE7 +,Chrome,Opera和Firefox。只有15 kb这意味着更快的页面加载。

使用方法

首先,添加jQuery到页面<body>位置:

1 2	`<script` `src="/"></script>` `<script>window.jQuery \|\| document.write('<script` `src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>`

Trumbowyg需要jQuery > = 1.7,因为它使用.on()一个新的函数出现在1.7版本。

在这之后,你必须加载Trumbowyg。

1	`<script` `src="js/vendor/trumbowyg.min.js"></script>`

别忘了Trumbowyg CSS到<head>,或负载编辑您自己的风格。

1	`<link` `rel="stylesheet"` `href="css/vendor/trumbowyg.css">`

基础知识

这最少的代码将一个简单的div Trumbowyg到神奇的WYSIWYG编辑器。

1	`$('#trumbowyg-demo').trumbowyg();`

如果你想设置Trumbowyg选项,添加一个包含你的选择对象作为参数。

$('#trumbowyg-demo').trumbowyg({
    fullscreenable: false,
    closable: true,
    btns: ['bold', 'italic', '|', 'insertImage']
});

==================以下内容由 create_time 提供===================

Trumbowyg 1.17,颜色插件用法，

<script>
            $('#my-editor').trumbowyg({
                //设置中文
                lang: 'zh_cn',
                // closable: true,
                fixedBtnPane: true,
                //设置颜色插件
                btnsAdd: ['foreColor','backColor'],
                 btnsDef: {
        // 设置上传的3种方法，远程上传，本地上传，图片64位加密
        image: {
                    dropdown: ['insertImage', 'upload','base64'],
                    ico: 'insertImage'
                }
            },
                // Redefine the button pane
                btns: ['viewHTML',
                        '|', 'formatting',
                        '|', 'btnGrp-semantic',
                        '|', 'link',
                        '|', 'image',
                        '|', 'btnGrp-justify',
                        '|', 'btnGrp-lists',
                        '|', 'horizontalRule']
            });
        </script>

颜色插件在 dist目录下的plugins目录下！

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

上一个特效： jquery文本输入动画效果插件Fancy Input
下一个特效： jquery日期插件DateTime Picker(支持移动端)