KindEditor
http://blog.csdn.net/qin_zhangyongheng/article/details/38551185
因为需要查全屏的初始化设置,就找到上面这个链接地址了。挺全的。
Demo:
<script src="/assets/global/plugins/kindeditor/kindeditor-min.js" type="text/javascript"></script> <script src="/assets/global/plugins/kindeditor/lang/zh_CN.js" type="text/javascript"></script> <script type="text/javascript"> var editor2; KindEditor.ready(function (K) { editor2 = K.create('#rule_content', { minWidth: 420, urlType: 'absolute', uploadJson: '', items: [ 'source', 'code', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'insertunorderedlist', '|', 'emoticons', 'image', 'link', 'fullscreen'], afterCreate: function () { this.sync(); }, afterChange:function(){ this.sync(); $("#rule_set").html($("#rule_content").val()); }, afterBlur: function () { this.sync(); $("#rule_set").html($("#rule_content").val()); $('.translationpic-bg').removeClass('fadin').fadeToggle("fast"); }, afterFocus: function () { this.sync(); $("#rule_set").html($("#rule_content").val()); $('.translationpic-bg').addClass('fadin').fadeToggle("fast"); } }); }); </script>
items
配置编辑器的工具栏,其中”/”表示换行,”|”表示分隔符。
- 数据类型: Array
- 默认值:
source | HTML代码 |
preview | 预览 |
undo | 后退 |
redo | 前进 |
cut | 剪切 |
copy | 复制 |
paste | 粘贴 |
plainpaste | 粘贴为无格式文本 |
wordpaste | 从Word粘贴 |
selectall | 全选 |
justifyleft | 左对齐 |
justifycenter | 居中 |
justifyright | 右对齐 |
justifyfull | 两端对齐 |
insertorderedlist | 编号 |
insertunorderedlist | 项目符号 |
indent | 增加缩进 |
outdent | 减少缩进 |
subscript | 下标 |
superscript | 上标 |
formatblock | 段落 |
fontname | 字体 |
fontsize | 文字大小 |
forecolor | 文字颜色 |
hilitecolor | 文字背景 |
bold | 粗体 |
italic | 斜体 |
underline | 下划线 |
strikethrough | 删除线 |
removeformat | 删除格式 |
image | 图片 |
flash | Flash |
media | 视音频 |
table | 表格 |
hr | 插入横线 |
emoticons | 插入表情 |
link | 超级链接 |
unlink | 取消超级链接 |
fullscreen | 全屏显示 |
about | 关于 |
打印 | |
code | 插入程序代码 |
map | Google地图 |
baidumap | 百度地图 |
lineheight | 行距 |
clearhtml | 清理HTML代码 |
pagebreak | 插入分页符 |
quickformat | 一键排版 |
insertfile | 插入文件 |
template | 插入模板 |
anchor | 插入锚点 |
fighting