2024年9月kindeditor(kindeditor使用方法,kindeditor怎么设置长宽度)

 更新时间:2024-10-12

  ⑴kindeditor(kindeditor使用方法,kindeditor怎么设置长宽度

  ⑵数据类型:String默认值:TEXTAREA输入框的高度注:.版本开始支持,kindeditor怎么设置长宽度如何设置kindeditor编辑器的换行方式newliagkindeditor编辑器php的详细配置方法kindeditor使用方法,数据类型:String默认值:TEXTAREA输入框的宽度注:.版本开始支持,数据类型:String或Array默认值:空注:..版本开始可指定多个CSS文件,数据类型:String默认值:空注:.版本开始支持,数据类型:String默认值:空注:.版本开始支持,kindeditor怎么设置长宽度方法/步骤首先我们需要kindeditor及其相关文件,如果觉得不好我们可以采用其他换行方式br设置或者改变kindeditor器的换行方式我们可以简单地设置其newliag属性值即可。

  ⑶kindeditor使用方法,kindeditor怎么设置长宽度

  ⑷方法/步骤首先我们需要kindeditor及其相关文件,这些文件可以去网上找,很容易找到。下载完成后会看到很多文件,但是我们只需要其中的三个主要文件,如下图,把这三个文件拷贝到你的项目中,不要忘记jQuery文件。然后就是使用方法了,其实这个kindeditor就是把textare框美化了一下,添加了一些功能。所以在html中,我们需要有一个textare框,给它一个id。之后我们需要引入jQuery及kindeditor的js文件,其它的文件kindeditor会自动调用,不必手动引用。然后在js中写相关的语句就可以了,如下图:kindeditor的长度和宽度都可以通过参数来设置,其中width来设置宽度,最好用百分数,height来设置高度。KindEditor.create(’#editor_id’,{allowImageUpload:false,resizeType:,width:“%“,height:“px“});除了用参数设置kindeditor大小之外,我们看html源码还可以看到kindeditor大小由class为ke-container和ke-container-default所在的div控制,所以我们可以给ke-container和ke-container-default设置一个宽度和高度,要确保其优先级最高,所以加!important。.ke-container.ke-container-default{width:px!important;height:px!important;}

  ⑸如何设置kindeditor编辑器的换行方式newliag

  ⑹默认的情况下kindeditor器内换行方式都是采用的方式p。如果觉得不好我们可以采用其他换行方式br设置或者改变kindeditor器的换行方式我们可以简单地设置其newliag属性值即可,核心代码如下所示:viewsourceprint?.KindEditor.ready(function(K){.vareditor;.K(’select’).change(function(){.if(editor){.editor.remove();.editor=null;.}.editor=K.create(’textarea’,{.newliag:”br“//或者为“p“.});.});.K(’select’).change();.});设置过后,我们查看源代码可以看到如下这样的换行方式:viewsourceprint?.《spanstyle=“line-height:normal;“》....《/span》可以明显地看到是br进行换行!

  ⑺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_“,width:“%“,//器的宽度为%height:“px“,//器的高度为pxfilterMode:false,//不会过滤HTML代码resizeMode://器只能调整高度});配置参数、idTEXTAREA输入框的ID,必须设置。数据类型:String、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’]、width器的宽度,可以设置px或%,比TEXTAREA输入框样式表宽度优先度高。数据类型:String默认值:TEXTAREA输入框的宽度注:.版本开始支持。、height器的高度,只能设置px,比TEXTAREA输入框样式表高度优先度高。数据类型:String默认值:TEXTAREA输入框的高度注:.版本开始支持。、minWidth数据类型:Int指定器最小宽度,单位为px。默认值:、minHeight数据类型:Int指定器最小高度,单位为px。默认值:、filterMode数据类型:Booleantrue时过滤HTML代码,false时允许输入任何代码。默认值:false注:.以前版本的filterMode默认值为true。、htmlTags指定要保留的HTML标记和属性。哈希数组的key为HTML标签名,value为HTML属性数组,“.“开始的属性表示style属性。数据类型:Object默认值:{font:,span:,div:,table:,’td,th’:[’class’,’align’,’valign’,’width’,’height’,’colspan’,’rowspan’,’bgcolor’,’style’],a:,embed:[’src’,’width’,’height’,’type’,’loop’,’autostart’,’quality’,’style’,’align’,’allowscriptaess’,’/’],img:,hr:,br:,’p,ol,ul,li,blockquote,h,h,h,h,h,h’:,’tbody,tr,strong,b,sub,sup,em,i,u,strike’:}注:filterMode为true时有效。.版本开始属性可设置style,保留所有inline样式。、resizeMode或或,时可以拖动改变宽度和高度,时只能改变高度,时不能拖动。数据类型:Int默认值:、skinType风格类型,default或tinymce。数据类型:String默认值:default注:.以前版本和..版本开始默认值为default,.版本的默认值为oxygen。、wyswygMode可视化模式或代码模式数据类型:Boolean默认值:true、cssPath指定器iframedocument的CSS,用于设置可视化区域的样式。数据类型:String或Array默认值:空注:..版本开始可指定多个CSS文件。例如:cssPath:、skinsPath指定器的skins目录,skins目录存放风格的css文件和gif图片。数据类型:String默认值:KE.scriptPath+’skins/’、pluginsPath指定器的plugins目录。数据类型:String默认值:KE.scriptPath+’plugins/’、minChangeSizeundo/redo文字输入最小变化长度,当输入的文字变化小于这个长度时不会添加到undo堆栈里。数据类型:Int默认值:、loadStyleModetrue时自动加载器的CSS。数据类型:Boolean默认值:true注:.版本开始支持。、urlType改变站内本地URL,可设置空、relative、absolute、domain。空为不修改URL,relative为相对路径,absolute为绝对路径,domain为带域名的绝对路径。数据类型:String默认值:空注:.版本开始支持,..版本开始默认值为空。、newliag设置回车换行标签,可设置p、br。数据类型:String默认值:br注:.版本开始支持。、afterCreate设置器创建后执行的回调函数。数据类型:Function默认值:无、afterDialogCreate设置弹出浮动框创建后执行的回调函数。数据类型:Function默认值:无注:..版本开始支持。、allowUploadtrue或false,true时显示上传图片标签。数据类型:Boolean默认值:true注:.版本开始支持。、allowFileManagertrue或false,true时显示浏览服务器图片功能。数据类型:Boolean默认值:false注:.版本开始支持。、referMethod设置referMethod后上传图片的POST参数里有referMethod。数据类型:String默认值:空注:.版本开始支持。、dialogAlignType设置弹出框(dialog)的对齐类型,可设置page和空。指定page时按当前页面居中,指定空时按器居中。数据类型:String默认值:page注:..版本开始支持。、imageUploadJson指定上传图片的服务器端程序。数据类型:String默认值:/php/upload_json.php注:..版本开始支持。、fileManagerJson指定浏览远程图片的服务器端程序。数据类型:String默认值:/php/file_manager_json.php注:..版本开始支持。、autoSetDataModetrue或false。true时自动将器内容设置到原来的textarea,也就是每次输入内容就执行KE.util.setData函数。数据类型:Boolean默认值:true注:.版本开始支持。打开autoSetDataMode模式后会降低输入性能,理想的做法是关闭autoSetDataMode,提交数据前执行KE.util.setData。、afterSetData自动执行KE.util.setData后执行的回调函数,autoSetDataMode为true时有效。数据类型:Function默认值:无注:.版本开始支持。、shadowModetrue或false,true时弹出层显示阴影。数据类型:Boolean默认值:true注:.版本开始支持。、allowPreviewEmoticonstrue或false,true时鼠标放在表情上可以预览表情。数据类型:Boolean默认值:true注:.版本开始支持。

您可能感兴趣的文章:

相关文章