ლ(╹◡╹ლ)感觉介个比CKDitor好用~可能~或许~大概~
先下一个trumbowyg吧~把css和js引入~
<link rel="stylesheet" href="trumbowyg/design/css/trumbowyg.css"> <script src="trumbowyg/jquery.min.js"></script> <script src="trumbowyg/trumbowyg.js"></script> <script src="trumbowyg/langs/fr.js"></script> <script src="trumbowyg/plugins/upload/trumbowyg.upload.js"></script> <script src="trumbowyg/plugins/base64/trumbowyg.base64.js"></script>
使用方法↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
EINS(基本用法):
<form action=""> <div id="simple-editor">夜月</div> </form> <script>$('#simple-editor').trumbowyg();</script>
ZWEI(自定义按钮):
<div id="customized-buttonpane" class="editor"> <h2>夜月</h2> </div> <script> $.trumbowyg.btnsGrps.test = ['bold', 'link']; $.extend(true, $.trumbowyg.langs, { fr: { align: 'Alignement', image: 'Image' } }); $('#customized-buttonpane').trumbowyg({ lang: 'fr', closable: true, fixedBtnPane: true, btnsDef: { align: { dropdown: ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'], ico: 'justifyLeft' }, image: { dropdown: ['insertImage', 'upload', 'base64'], ico: 'insertImage' } }, btns: ['viewHTML', '|', 'formatting', '|', 'btnGrp-test', '|', 'align', '|', 'btnGrp-lists', '|', 'image'] }); </script>
直接用上面的代码你会发现怎么少了个G~因为少了以下的代码_(:з」∠)_
$.trumbowyg.btnsGrps.test = ['bold', 'link']; $.extend(true, $.trumbowyg.langs, { fr: { align: 'Alignement', image: 'Image' } });
DREI(textarea也可以,简单的定制与当前的选项):
<textarea id="night" cols="30" rows="10"> <h2>夜月</h2> </textarea> <script> $('#night').trumbowyg({ lang: 'fr', closable: true, mobile: true, fixedBtnPane: true, fixedFullWidth: true, semantic: true, resetCss: true, autoAjustHeight: true, autogrow: true }); </script>
相关推荐
一个简单,干净,优雅的所见即所得的富文本编辑器
这是一款基于JQuery技术实现的轻量级文本编辑器,内附实例,使用十分简单。
jQuery轻量级树状菜单插件代码
轻量级在线编辑器,基于jquery轻量级在线编辑器,基于jquery
jQuery+Bootstarp富文本编辑器插件summernote
轻量级jQuery文本编辑器插件Froala WYSIWYG Editor 演示地址:http://www.jq22.com/plugin/657
方便简洁,且所见即所得jQuery编辑器。特别适合编写练习单个...这是一个轻量级编辑器,但需要.netframework2.0及以上版本的环境下运行 2.将下载的最新版本jQuery包替换到Templates文件夹下的jQuery.js(注意名称得相同)
Trumbowyg 是一个轻量,可定制的 jQuery 所见即所得(WYSIWYG)的编辑器插件。美丽的设计,生成语义化代码,带有功能强大的 API 。编辑器和生成的代码进行了优化以支持 HTML5。兼容大部分浏览器,如 IE8 、Chrome、...
一款轻量级网页编辑器,界面设计美观,调用方便,功能不算多,网页加载超快,可以设置字体大孝样式、插入图片、添加链接等,本编辑器没有图片上传功能,适合作留言本或评论系统
jquery轻量级图标生成器配中文文档,非常好用!
jquery轻量级上下(左右)滚动条插件及使用方法.rar
基于jQuery实现的选中即可编辑的轻量级网页编辑器源码.zip
line-control, 设计为JQuery插件的轻量级HTML5文本编辑器 LineControl编辑器LineControl允许你在web应用程序/站点中添加一个漂亮,响应迅速和快速的在线文本编辑器。 LineControl被设计为使用 Twitter Bootstrap 和...
lightGallery是一款轻量级、可定制、响应式、模块化的jQuery LightBox图片画廊插件。它支持移动触摸设备,支持键盘控制,带20多种动画过渡效果,是一款非常优秀的LightBox插件。
jquery插件 文本编辑器jwysiwyg ,小巧易用啊。
这是一款使用jquery和css3制作的简单的富文本编辑器插件。该jquery富文本编辑器中带有加粗、斜体、下划线、文本居中、文本对齐、显示图片等编辑器基本功能。
jQuery轻量级响应式弹窗VenoBox