kindeditor版本ke|kindeditor 编辑器php的详细配置方法

|

『壹』 KindEditor编辑器的使用方法 KindEditor怎么用

直接JQ设置那个文本框的val为空试试,或者KE有自己的方法KE.html(id,val)设置编辑器的HTML内容。参数:id:String,编辑器的IDval:String,HTML字符串返回值:无注:3.5版本开始支持,旧版本可以使用KE.util.setFullHtml(id,val)。设置内容为空就行啊

『贰』 kindeditor配置问题:总是出现ke未定义

路径问题, 用绝对路径替换

『叁』 kindeditor使用方法,kindeditor怎么设置长宽度

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

『肆』 kindeditor编辑器,总是报“KE未定义”。

你的textarea控件是添加在使用了母版页的页面里么,我有过这样的问题,后来换成了服务器控件textbox然后把 KE.show({ id : 'your_editor_id' });里的id名用改为<%=your_editor_id.ClientID%>就好了

『伍』 如何给kindeditor富文本编辑器赋值

直接JQ设置那个文本框的val为空试试,或者KE有自己的方法KE.html(id, val)设置编辑器的HTML内容。参数:id:String,编辑器的IDval: String,HTML字符串返回值:无页面只有一个编辑器的话最新版本这样写就可以。

『陆』 如何修改,获取kindeditor内容,急

<!doctypehtml><html><head><metacharset="utf-8"/><title>DefaultExamples</title><style>form{margin:0;}textarea{display:block;}</style><linkrel="stylesheet"href="http://kindeditor.net/ke4/themes/default/default.css"/><scriptcharset="utf-8"src="http://kindeditor.net/ke4/kindeditor-min.js"></script><scriptcharset="utf-8"src="http://kindeditor.net/ke4/lang/zh_CN.js"></script><script>vareditor;KindEditor.ready(function(K){editor=K.create('textarea[name="content"]',{allowFileManager:true});K('input[name=getHtml]').click(function(e){alert(editor.html());});K('input[name=getText]').click(function(e){alert(editor.text());});K('input[name=setHtml]').click(function(e){//设置HTMLeditor.html('<h3>HelloKindEditor</h3>');});K('input[name=setText]').click(function(e){//设置文本editor.text('<h3>HelloKindEditor</h3>');});});</script></head><body><h3>默认模式</h3><form><textareaname="content"style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea><p><inputtype="button"name="getHtml"value="取得HTML"/><inputtype="button"name="getText"value="取得文本(包含img,embed)"/><br/><inputtype="button"name="setHtml"value="设置HTML"/><inputtype="button"name="setText"value="设置文本"/></p></form></body></html>

KE.html(id)取得编辑器的HTML内容。参数:id:String,编辑器的ID返回值:String,HTML字符串注: 3.5版本开始支持,旧版本可以使用KE.util.getData(id)

KE.html(id, val)设置编辑器的HTML内容。参数id:String,编辑器的IDval: String,HTML字符串返回值:无注: 3.5版本开始支持,旧版本可以使用KE.util.setFullHtml(id, val)。

KE.text(id)取得编辑器的纯文本内容。参数:id:String,编辑器的ID返回值:String,去除HTML代码后的文本注: 3.5版本开始支持。

KE.text(id, val)设置编辑器的内容,直接显示HTML代码。参数:id:String,编辑器的IDval: String,文本返回值:无注: 3.5版本开始支持。

『柒』 KindEditor 4.0.4下载了如何安装

简单使用方法1. 解压文件,并把所有文件上传到您的网站程序目录下,例如:http://你的域名/editor/。2. 要添加编辑器的页面头部添加以下代码,id为textarea控件的ID。———————————————————————–<script type="text/javascript" charset="utf-8" src="/editor/kindeditor.js"></script><script type="text/javascript">KE.show({id : 'content_1'});</script>———————————————————————–3. 要显示编辑器的位置添加TEXTAREA输入框。<textarea id="content_1" name="content" style="width:700px;height:300px;visibility:hidden;"></textarea><!– 注意: 如果原来有TEXTAREA,属性里只加id,width,height即可。 –>

『捌』 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,必须设置。数据类型:String 2、items配置编辑器的工具栏,其中"-"表示换行,"|"表示分隔符。数据类型:Array默认值:['source', '|', 'fullscreen', 'undo', 'redo', 'print', 'cut', '', '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。默认值:200 6、minHeight数据类型:Int指定编辑器最小高度,单位为px。默认值:100 7、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默认值:2 10、skinType风格类型,default或tinymce。数据类型:String默认值:default注:3.4以前版本和3.4.1版本开始默认值为default,3.4版本的默认值为oxygen。 11、wyswygMode可视化模式或代码模式数据类型:Boolean默认值:true 12、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默认值:5 16、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后上传图片的POST参数里有referMethod。数据类型:String默认值:空注: 3.4版本开始支持。 24、dialogAlignType设置弹出框(dialog)的对齐类型,可设置page和空。指定page时按当前页面居中,指定空时按编辑器居中。数据类型:String默认值:page注: 3.4.1版本开始支持。 25、imageUploadJson指定上传图片的服务器端程序。数据类型:String默认值:../../php/upload_json.php注: 3.4.1版本开始支持。 26、fileManagerJson指定浏览远程图片的服务器端程序。数据类型:String默认值:../../php/file_manager_json.php注: 3.4.1版本开始支持。 27、autoSetDataModetrue或false。true时自动将编辑器内容设置到原来的textarea,也就是每次输入内容就执行KE.util.setData函数。数据类型:Boolean默认值:true注: 3.5版本开始支持。打开autoSetDataMode模式后会降低输入性能,理想的做法是关闭autoSetDataMode,提交数据前执行KE.util.setData。 28、afterSetData自动执行KE.util.setData后执行的回调函数,autoSetDataMode为true时有效。数据类型:Function默认值:无注: 3.5版本开始支持。 29、shadowModetrue或false,true时弹出层显示阴影。数据类型:Boolean默认值:true注: 3.5版本开始支持。 30、allowPreviewEmoticonstrue或false,true时鼠标放在表情上可以预览表情。数据类型:Boolean默认值:true注: 3.5版本开始支持。

『玖』 Kindeditor上传图片“服务器故障”》

kindeditor 在java环境中用到了 commons-fileupload-1.2.1.jar 组件。 在Common- FileUpload中,它把从客户端提交过来的表单封装成一个个FileItem对象,这也是它实现文件上传功能 的核心类。另一个很重要的类就是FileUploadBase,他的功能就是解析请求(request),如进行上传文 件大小验证,请求类型验证(文件上传的enctype要设置成multipart/form-data)等。我们经常用到它 的子类ServletFileUpload。在FileUploadBase解析 request的过程中会将文件保存到内存,如果文件大 小大于我们设置的缓存的大小,它将把文件的其他内容保存到一个临时目录,当我们对FileItem 对象实 现正真上传时会从内存区或临时目录将文件保存到正真的上传目录。 在kindeditor上传图片调试过程中,发现FileItemFactory factory = new DiskFileItemFactory();ServletFileUpload upload = new ServletFileUpload(factory);upload.setHeaderEncoding("UTF-8");List items = upload.parseRequest(request);Iterator itr = items.iterator();while (itr.hasNext()) { 发现代码4,items为空,取不到需要上传的文件,故没有执行while循环,也就没有返回值,kindeditor报服务器错误。为什么取不到值,是因为:struts2过滤访问的jsp时,会改变reqeust的类型,由HttpServletRequest变成MultiPartRequestWrapper,所以parseRequest就返回了null。 既然在过滤的时候改变reqeust的类型,那就可以修改web.xml不过滤jsp。但是如果在jsp中用到了struts2的标签就会报500的错误,这个方案在我的应用中不适用。最终解决方案是,写个Servlet来代替upload_json.jsp的功能。upload_json.jsp里面的代码大部分都可以复制到Servlet中, upload_json.jsp中的out.prinln返回值用 resp.getWriter().println()代替就行。 jsp调用是,修改imageUploadJson的路径即可(用的版本是kindeditor-3.5.5,因为KindEditor 4.0 beta与我用到的mootools有冲突,已经提交bug)。KE.show({id : 'noticeContent',imageUploadJson : '<ui:webroot/>/fileUploadServlet?uploadTool=kindeditor',fileManagerJson : '<ui:webroot/>/js/kindeditor3.5.5/file_manager_json.jsp',allowFileManager : true});文章来源:http://www.kindsoft.net/view.php?bbsid=5&postid=3841希望对LZ有用!

『拾』 KindEditor 和百度的 ueditor哪个更好些

UE使用HTML5,总体功能强大于KE,但细节功能不完善,新版本过滤HTML代码,怎么设置都没用,动态配置上传地址也不好配,外部单独调用上传上传图片按钮的话没有现成的代码。KE,比较成熟,可以配置不过滤HTML代码,就真的不会过滤,不像网络,配置成不过滤它还是过滤了。动态配置上传路径方便,外部单独调用某些按钮功能方便,官方有现成的代码和案例。


赞 (0)