ckeditor和KindEditor编辑器的简单使用


1.ckeditor,调用上比较简单,兼容性较强。但是上传的一些方法需要自己定义。
<script type="text/javascript">
<!--
CKEDITOR.replace( 'description', {
    language: 'zh-cn',
    filebrowserBrowseUrl: '/browser/browse.php',
    filebrowserUploadUrl: '/uploader/upload.php'
  });
//-->
</script>
2.KindEditor,国产的,功能上比较强大,上传的方法已经封装好,还有地图插入功能。感觉兼容性略差。
弄了半天才调试好,差点就放弃使用。
示例中的写法:
<script type="text/javascript">
var editor;
            KindEditor.ready(function(K) {
                editor = K.create('textarea[name="content"]', {
                    allowFileManager : true
                });
        });
</script>
发现在ajax调用的页面不能正常显示,单个页面调用是正常的。于是修改为:
<script type="text/javascript">
<!--
$(function() {  
     var editor = KindEditor.create('#editor_id', {
                    allowFileManager : true
                });
});  
//-->
</script>
另外,如果form标签没有闭合,会导致ie下KindEditor无法加载。当然也会无法提交数据。而火狐下正常。
<form method="post" action="submit.php" enctype="multipart/form-data">
    <textarea id="editor_id" name="content" cols="80" rows="10">&lt;strong&gt;HTML内容&lt;/strong&gt;</textarea>
      <textarea class="ckeditor" cols="80" id="description" name="description" rows="10"></textarea>

</form>

KindEditor修改文件上传路径,修改upload_json.php文件

//文件保存目录路径
$save_path = $php_path . '../../../../uploads/';
//文件保存目录URL
$save_url = $php_url . '../../../../uploads/';

修改图片空间路径,则修改file_manager_json.php

//根目录路径,可以指定绝对路径,比如 /var/www/attached/
$root_path = $php_path . '../../../../uploads/';//$php_path . '../attached/';
//根目录URL,可以指定绝对路径,比如 http://www.yoursite.com/attached/
$root_url = $php_url . '../../../../uploads/';//$php_url . '../attached/';




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值