kindeditor 编辑器php的详细配置方法
通过使用KE.show(config)方法即可将编辑器添加到文档中。
下面是一段源码:KE.show = function(args) { KE.init(args); KE.event.ready(function() { KE.create(args.id); });};从源码中可以看出,有两种使用编辑器的方法:法一:KE.show(config);法二:KE.init(config);KE.create(id);·无论使用哪种方式使用KindEditor编辑器,都必须进行参数配置;·可以在KE.show()和KE.init()方法中传递配置参数config;·配置参数config是一个对象,一般使用字面量对象;·其中,id参数是唯一必须进行配置的,其他参数可以省略。
参数设置例子KE.show({ id : "content_1", width : "70%", //编辑器的宽度为70% height : "200px", //编辑器的高度为100px filterMode : false, //不会过滤HTML代码 resizeMode : 1 //编辑器只能调整高度});配置参数1、idTEXTAREA输入框的ID,必须设置。
数据类型:String2、items配置编辑器的工具栏,其中"-"表示换行,"|"表示分隔符。
数据类型:Array默认值:['source', '|', 'fullscreen', 'undo', 'redo', 'print', 'cut', 'copy', 'paste','plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright','justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript','superscript', '|', 'selectall', '-','title', 'fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold','italic', 'underline', 'strikethrough', 'removeformat', '|', 'image','flash', 'media', 'advtable', 'hr', 'emoticons', 'link', 'unlink', '|', 'about']3、width编辑器的宽度,可以设置px或%,比TEXTAREA输入框样式表宽度优先度高。
数据类型:String默认值:TEXTAREA输入框的宽度注: 3.2版本开始支持。
4、height编辑器的高度,只能设置px,比TEXTAREA输入框样式表高度优先度高。
数据类型:String默认值:TEXTAREA输入框的高度注: 3.2版本开始支持。
5、minWidth数据类型:Int指定编辑器最小宽度,单位为px。
默认值:2006、minHeight数据类型:Int指定编辑器最小高度,单位为px。
默认值:1007、filterMode数据类型:Booleantrue时过滤HTML代码,false时允许输入任何代码。
默认值:false注: 3.4以前版本的filterMode默认值为true。
8、htmlTags指定要保留的HTML标记和属性。
哈希数组的key为HTML标签名,value为HTML属性数组,"."开始的属性表示style属性。
数据类型:Object默认值:{ font : ['color', 'size', 'face', '.background-color'], span : ['style'], div : ['class', 'align', 'style'], table:['class', 'border', 'cellspacing', 'cellpadding', 'width', 'height', 'align', 'style'], 'td,th':['class', 'align', 'valign', 'width', 'height', 'colspan', 'rowspan', 'bgcolor', 'style'], a : ['class', 'href', 'target', 'name', 'style'], embed : ['src', 'width', 'height', 'type', 'loop', 'autostart', 'quality', 'style', 'align', 'allowscriptaccess', '/'], img : ['src', 'width', 'height', 'border', 'alt', 'title', 'align', 'style', '/'], hr : ['class', '/'], br : ['/'], 'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6' : ['align', 'style'], 'tbody,tr,strong,b,sub,sup,em,i,u,strike' : []} 注:filterMode为true时有效。
3.4版本开始属性可设置style,保留所有inline样式。
9、resizeMode2或1或0,2时可以拖动改变宽度和高度,1时只能改变高度,0时不能拖动。
数据类型:Int默认值:210、skinType风格类型,default或tinymce。
数据类型:String默认值:default注:3.4以前版本和3.4.1版本开始默认值为default,3.4版本的默认值为oxygen。
11、wyswygMode可视化模式或代码模式数据类型:Boolean默认值:true12、cssPath指定编辑器iframe document的CSS,用于设置可视化区域的样式。
数据类型:String或Array默认值:空注:3.4.1版本开始可指定多个CSS文件。
例如:cssPath : ['a.css', 'b.css']13、skinsPath指定编辑器的skins目录,skins目录存放风格的css文件和gif图片。
数据类型:String默认值:KE.scriptPath + 'skins/'14、pluginsPath指定编辑器的plugins目录。
数据类型:String默认值:KE.scriptPath + 'plugins/'15、minChangeSizeundo/redo文字输入最小变化长度,当输入的文字变化小于这个长度时不会添加到undo堆栈里。
数据类型:Int默认值:516、loadStyleModetrue时自动加载编辑器的CSS。
数据类型:Boolean默认值:true注: 3.4版本开始支持。
17、urlType改变站内本地URL,可设置空、relative、absolute、domain。
空为不修改URL,relative为相对路径,absolute为绝对路径,domain为带域名的绝对路径。
数据类型:String默认值:空注: 3.4版本开始支持,3.4.1版本开始默认值为空。
18、newlineTag设置回车换行标签,可设置p、br。
数据类型:String默认值:br注: 3.4版本开始支持。
19、afterCreate设置编辑器创建后执行的回调函数。
数据类型:Function默认值:无20、afterDialogCreate设置弹出浮动框创建后执行的回调函数。
数据类型:Function默认值:无注: 3.4.3版本开始支持。
21、allowUploadtrue或false,true时显示上传图片标签。
数据类型:Boolean默认值:true注: 3.4版本开始支持。
22、allowFileManagertrue或false,true时显示浏览服务器图片功能。
数据类型:Boolean默认值:false注: 3.4版本开始支持。
23、referMethod设置referMethod...
怎样让KindEditor上传图片使用绝对路径
默认情况下kindeditor上传的图片在编辑器的根目录/attached/目录下。
以日期建一个目录,然后保存文件。
有些时候大概我们并不想这样。
考虑到更新编辑器,或更换编辑器不太方便。
比如我现在想把上传的文件保存在根目录下的uploadfiles目录下,需要修改以下代码:首先,打开文件php\upload_json.php,在大约第16行到第19行,定义了文件保存目录路径和文件保存目录URL,我们需要修改为://文件保存目录路径$save_path = $_SERVER['DOCUMENT_ROOT'].'\\uploadfiles\\';//文件保存目录URL$save_url = '/uploadfiles/';解释一下:$save_path 即为最后保存文件的目录。
这里就是根目录下的uploadfiles$save_url 即为上传成功后,图片的URL地址。
这样,保存地址就变成了 根目录下的 uploadfiles/年月日/xxxxx.jpg了。
kindeditor,kindeditor编辑内容无法保存,并且无法上传图片或者文件
首先,你应该下载KindEditor,从官网上下载。
下载完应该是一个zip包什么的,解压缩出来以后在你的Web项目中自己找一个喜欢的路径解压缩。
但是官方会告诉你如果你是Java应该如何如何,你是PHP应该如何如何。
别理这个,你要用个Ruby on Rails 什么的他也没告诉怎么安装难道你就不能安装了啊?反正看看zip包里这些文件夹里有些什么吧。
如果是js文件或css文件肯定是必要的。
如果叫做Java或PHP你就删了吧。
反正把KindEditor安装在用户可以访问到的地址就行了。
例如Java的话就是WebRoot,我用Rails就是public目录。
之后,在你的文本编辑器出现的页面里加上:<script>KindEditor.ready(function(K) {window.editor = K.create('#editor_id');});</script>其中#editor_id是你定义的textarea的ID。
你要觉得把JS直接写网页了不好的话写js文件里也一样,一个意思就行。
哦对了,记得这两行脚本一定也要添加上去(添加到之前的script标签前面)。
</script></script>其中src根据具体项目而顶,反正能指向这两个js文件就行了。
之后打开你的网页,如果一切顺利的话,就能看到官方演示页面里那个东西了。
你在编辑器内输入文本,可以编辑字号什么的,还可以设置字体,还可以排版。
好了,如何将编辑器里的内容提交到服务器呢?其实整个KindEditor编辑器就是一个textarea变来的,你直接按照提交textarea的方式就可以了。
只不过有一点一定要注意,在提交到服务器前要将textarea的内容同步。
要调用editor.sync();就ok了。
其中editor就是你的那个textarea,用jquery取id就可以取到该变量了。
虽然我不调用貌似也能正常提交,但是官方文档说一定要同步,所以记得一定要调用该方法再提交kindeditor http://www.3322.cc/soft/20130725513.html
html中加入KindEditor除了引入js文件还要怎么实现
展开全部 ①:引入jquery.js;②:引入KindEditor.js;③:引入KindEditor对应的css;④:给Html中的文本域赋予一个id;如:⑤:在js中调用,如:var editor1;KindEditor.ready(function(K){editor1 = K.create("#product",{width: "80%", //设置文本域的宽度height: '151px', //设置文本域的高度//设置文本域的显示主题风格(需要根据引入的kingEditor主题而定)themeType : 'simple', syncType: 'form', //同步表单resizeType: 0, //禁止用户拖动文本域afterBlur: function(){this.sync();} //将kindeditor的值同步到textarea});这是基本的,其他属性可以查看KindEditor的API教程,有详细介绍...
怎么给kindeditor编辑器添加引用标签
kindeditor编辑器添加引用标签需要添加plugins/bockquote/bockquote.js文件。
代码如下:KindEditor.plugin('bockquote', function(K) {var self = this, name = 'bockquote';self.clickToolbar(name, function() {var lang = self.lang(name + '.'),html = ['
转载请注明出处51数据库 » kindeditor 导出word