thinkphp下如何使用编辑器ueditor,kindeditor

浏览:3493 发布日期:2013/11/02 分类:技术分享 关键字: 编辑器 ueditor kindeditor
如有疑问可以加qq群:125921452讨论。
一、ueditor
1.config配置绝对路径即网站网址如:'bdurl' =>'http://www.yejsfz.com'
2.模版里可以这样调用{:C('bdurl')}或者{$Think.config.bdurl},模版代码如下:
<script type="text/javascript" src="{:C('bdurl')}/Public/plugins/ueditor/ueditor.config.js" ></script>
<script type="text/javascript" src="{:C('bdurl')}/Public/plugins/ueditor/ueditor.all.js"></script>
<textarea id="myEditor" style="width:600px;height:300px;" name="des_add">
</textarea>
<script type="text/javascript" charset="utf-8">
window.UEDITOR_HOME_URL = "{:C('bdurl')}/Public/plugins/ueditor/";
</script>
<script language="javascript">
var editor = new UE.ui.Editor();
editor.render("myEditor");
//UE.getEditor("myEditor");
editor.ready(function(){
editor.setContent("");
});
</script>
3.ueditor文件存放/Public/plugins/ueditor/
难点,ie7下不兼容采用绝对路径

二、kindeditor
<div style="padding:10px;">
<textarea id="intro" name="intro" style="width:680px;height:400px;"/></textarea>
</div>
<script type="text/javascript" charset="utf-8" src="__JS__/editor/kindeditor.js"></script>
<script charset="utf-8" src="__JS__/editor/lang/zh_CN.js"></script>
<script language="javascript">
var editor;
KindEditor.ready(function(K) {
editor = K.create('#intro');
// editor = K.create('#editor_id');多个
});
</script>
<!--<textarea id="editor_id" name="content" style="width:280px;height:160px;"></textarea>-->
最佳答案
评论( 相关
后面还有条评论,点击查看>>