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"><strong>HTML内容</strong></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/';