从来没有弄过编辑器,先去弄Fckeditor,没弄出来,再去弄Ckeditor,功能弄出来了,但是不能上传图片[这太恶心了],到处看网
站,发现还得弄这弄那才可以上传图片,想着都头大。后面不小心看到百度出的这个编辑器,再看了一下demo,觉得功能强大,主要是可以批量上传图片,就又换它了,折腾了大半天终于弄出来了。细节配置之类的东西,要用的时候再看吧。。。
-----------------------------------------------------------------------------------------------------------------------------------------
Ueditor是放在 yii/blog/ 这里面的
http://ueditor.baidu.com/website/download.html 下载1.2.0的UTF-8版本
http://ueditor.baidu.com/website/teach.html#touch 安装说明[这里是详细的官方教程]
(用google浏览器 改东西 最好改了就清下缓存,因为我没有清缓存,有些东西改来改去都不对,如'改表情选项卡')
editor_config.js 中 URL = '/yii/blog/ueditor/' //配置Ueditor目录 (URL 前面 不能加 var,yii前也要加 / ,URL 以wwwroot为根的相对路径)
ueditor/dialogs/image/image.html 中 url:'/yii/blog/ueditor/server/upload/php/imageUp.php', // 配置上传处理页面的url地址
server/upload/php/imageUp.php 中 "uploadPath"=>"../uploadimages/", //这是图片保存的路径 [这里可以不改]
以下是页面引用的代码
<div id="myEditor"></div>
<script type="text/javascript">
var editor = new baidu.editor.ui.Editor({
textarea:'Comment[content]', //定义name标签 Yii 中必须是 "表名[字段名]"
toolbars:[['Paragraph','RowSpacing','FontFamily','FontSize','InsertImage', 'Emotion', 'InsertVideo', 'Attachment']] //自定义工具栏
});
editor.render("myEditor");
editor.render("myEditor");
</script>
这是一位兄弟写的YII扩张 但我没有使用成功,我加入代码后,ueditor的工具条都在最左侧去了,我也不知道怎么弄。等有时间了,再看看吧。http://www.yiiframework.com/extension/ueditor-for-yii/
========================================================================================================================
应用中,使用Ueditor加载速度有问题,可能是我哪里没弄对,所以实际使用我使用了kindedito编辑器,这个加载快些!