kindeditorasp配置_php配置详解

KindEditor 工具栏配置：

第一种：

打开 KindEditor目录下的kindeditor.js文件， 搜索items:，可以看到所有的工具栏按钮都在这里定义成一个数组。删除你不需要的按钮即可，不过这样的操作将影响所有调用该编辑器的页面。

第二种：

如果在create方法内尚未对其items进行任何指定，那么就会默认继承kindeditor.js内的items的配置，也就是全部菜单。当我们在create方法内指定了items属性后就会值显示这里所配置的工具栏菜单。

KindEditor.ready(function(K) {

editor

= K.create(‘textarea[name=”content”]’, {

items:[“image”,

“multiimage”,”source”],

});

});

KindEditor 语言配置 及路径设置：

//没必要引入jquer类库！！！

//可不引入

必须引入！！！

KindEditor.ready(function(K)

{

editor

= K.create(‘textarea[name=”content”]’,

{ //name值必须于下方的textare 的name值相同！！！

//allowFileManager :

true, 引用全部组件

items:[ ‘source’,

‘|’, ‘undo’, ‘redo’, ‘|’, ‘preview’, ‘print’, ‘template’, ‘code’,

‘cut’, ‘copy’, ‘paste’],

langType

:[‘en’], //引用英文

urlType:’domain’,//设置图片为绝对路径！！！ });

});

//编辑器调用方法

//注：只看黄色部分即可实现，全文为官网详细说明

１、

在需要显示编辑器的位置添加TEXTAREA输入框。

id在当前页面必须是唯一的值，还有，在有些浏览器上不设宽度和高度可能显示有问题，所以最好设一下宽度和高度。宽度和高

度可用inline样式设置，也可用编辑器初始化参数设置。

在TEXTAREA里设置HTML内容即可实现编辑，在这里需要注意的是，如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容，

则必须转换HTML特殊字符(>,

textarea id=”editor_id”

name=”content” style=”width:700px;height:300px;”

HTML内容

/textarea>

在该HTML页面添加以下脚本。

KE.show({

id : ‘editor_id’

});

注：KE.show的原理是先执行KE.init设置一些变量，等DOM全部创建以后才开始执行KE.create创建编辑器。如果浏览器不触发

DOMContentLoaded事件(例如：jQuery的$.ready，点击某个按钮，通过innerHTML插入HTML等)，则不能使用KE.show，需要直

接调用KE.init和KE.create。

KE.init({

id : ‘editor_id’

});

$.ready(function() {

KE.create(‘editor_id’);

});

取得编辑器的HTML内容。

KindEditor的可视化操作在新创建的iframe上执行，代码模式下的textarea框也是新创建的，所以最后提交前需要将HTML数据同

步到原来的textarea，KE.sync函数会完成这个动作。

KindEditor在默认情况下自动寻找textarea所属的form元素，找到form后onsubmit事件里添加KE.sync函数，所以用form方式提

交数据，不需要手动执行KE.sync函数。

//取得HTML内容

html = KE.html(‘editor_id’);

//同步数据后可以直接取得textarea的value

KE.sync(‘editor_id’);

html = document.getElementByIdx_x_x_x_x_x(‘editor_id’).value;

html = $(‘#editor_id’).val();

//jQuery

//设置HTML内容

KE.html(‘editor_id’, ‘HTML内容’);

菜单中code所表示的含义说明：

source：表示可以切换编辑器的编辑模式进入源代码HTML查看模式；

undo：表示后退，也就是我们常用的CTRL+Z快捷键功能；

redo：表示前进，也就是我们常用的CTRL+Y快捷键功能；

preview：表示预览，点击可以提前预览编辑器内的内容所展示的效果。

print：表示打印编辑器内的内容。

template：表示可以插入编辑器内的模板窗体；

code：表示可以插入代码段；

cut：表示剪切；

copy：表示复制，如同CTRL+C；

paste：表示粘贴，如同CTRL+V；

plainpaste：表示粘贴为无格式文本，主要是用于比如想赋值其他有HTML格式的纯文本进入编辑器，可以先在这里面进行HTML标签的过滤；

wordpaste：表示从WORD内粘贴；

justifyleft：表示选中文本居左；

justifycenter：表示选中文本居中；

justifyright：表示选中文本居右；

justifyfull：表示两端对齐；

insertorderedlist：表示编号(1、2、3)；

insertunorderedlist：表示项目符号；

indent：表示增加缩进；

outdent：表示减少缩进；

subscript：表示下标；如同：X2

superscript：表示上标；如同：X2

clearhtml：表示清除HTML标签；

quickformat：表示快速排版；

selectall：表示全选；

fullscreen：表示全屏；

formatblock：表示段落；

fontname：表示字体；

fontsize：表示文字大小；

forecolor：表示文字颜色；

hilitecolor：表示文字背景色；

bold：表示文字加粗；

italic：表示文字斜体；

underline：表示给文字追加下划线；

strikethrough：表示给文字追加删除线；

lineheight：表示调整行距；

removeformat：表示删除选中段的格式；

image：表示单个上传图片；

multiimage：表示批量上传图片；

flash：表示插入flash；

media：表示插入音视频文件；

insertfile：表示插入文件；

table：表示插入表格；

hr：表示插入横线；

emoticons：表示插入表情；

baidumap：表示插入地图；

pagebreak：表示插入分页符；

anchor：表示插入锚点；

link：表示插入超链接；

unlink：表示取消超级链接；一般和link配合出现；

about：表示关于kindeditor编辑器的信息；