本节主要介绍在线HTML编辑器 - Kindeditor,插件地址:http://kindeditor.net/。
data-toggle="kindeditor"
后即可触发。示例代码:
<textarea data-toggle="kindeditor" data-items="fontname, fontsize, |, forecolor, hilitecolor, bold, italic, underline, removeformat, |, justifyleft, justifycenter, justifyright, insertorderedlist, insertunorderedlist, |, emoticons, image, link"></textarea>
basePath
为kindeditor插件目录名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
pasteType | int | 2 | [可选] 粘贴类型,0:禁止粘贴, 1:纯文本粘贴, 2:HTML粘贴。 |
minHeight | int | 260 | [可选] 编辑器的高度。 |
autoHeightMode | boolean | false | [可选] 编辑器是否可以自动调整高度。 |
items | string |
点我查看
默认items: [ 'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/', 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage', 'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak', 'anchor', 'link', 'unlink', '|', 'about' ] 本框架配置 items 的写法: data-items="'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template'"
data-items="source, |, undo, redo, |, preview, print, template" |
[可选] 编辑器的工具栏显示图标,多个图标名称以, 分隔,全部工具见:http://kindeditor.net/docs/option.html#items。 |
uploadJson | string | basePath + 'php/upload_json.php' | [可选] 编辑器上传文件的服务器端程序。 |
fileManagerJson | string | basePath + 'php/file_manager_json.php' | [可选] 指定浏览远程图片的服务器端程序。 |
allowFileManager | boolean | true | [可选] 上传时是否显示浏览远程服务器按钮。 |
fillDescAfterUploadImage | boolean | true | [可选] 上传图片成功后,为true则转到属性页,false则直接插入图片。 |
afterUpload | function(url) | null | [可选] 上传文件后执行的回调函数。 |
afterSelectFile | function(url) | null | [可选] 从图片空间选择文件后执行的回调函数。 |
confirmSelect | function(url) | null | [可选] 自定义 用于上传(fillDescAfterUploadImage=true时生效)或选择图片并插入成功后的回调函数。 |
htmlTags | object | 点我查看 | [可选] 指定要保留的HTML标记和属性,官方版见:http://kindeditor.net/docs/option.html#htmltags。 |
配置更多参数请查看Kindeditor官方文档:http://kindeditor.net/docs/index.html,本框架引入Kindeditor插件入口在bjui-plugins.js