yii中使用ueditor

从来没有弄过编辑器,先去弄Fckeditor,没弄出来,再去弄Ckeditor,功能弄出来了,但是不能上传图片[这太恶心了],到处看网

站,发现还得弄这弄那才可以上传图片,想着都头大。后面不小心看到百度出的这个编辑器,再看了一下demo,觉得功能强大,主要是可以批量上传图片大笑,就又换它了,折腾了大半天终于弄出来了。细节配置之类的东西,要用的时候再看吧。。。


-----------------------------------------------------------------------------------------------------------------------------------------


百度编辑器 Ueditor   [以下目录都是相对路径]


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编辑器,这个加载快些!







评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值