Chinaunix首页 | 论坛 | 博客
  • 博客访问: 4157992
  • 博文数量: 601
  • 博客积分: 15410
  • 博客等级: 上将
  • 技术积分: 6884
  • 用 户 组: 普通用户
  • 注册时间: 2007-05-16 08:11
个人简介

独学而无友,则孤陋而寡闻!

文章分类

全部博文(601)

文章存档

2020年(1)

2018年(4)

2017年(7)

2016年(42)

2015年(25)

2014年(15)

2013年(36)

2012年(46)

2011年(117)

2010年(148)

2009年(82)

2008年(37)

2007年(41)

分类: Html/Css

2015-10-13 17:06:23

1、表情包需要下载,然后在配置里面使用localfile;

2、修改图片对话框,在图片对话框里面再加一行:
(1)大小是iframe的大小,宽度和高度追踪:
     在ueditor.all.js里面,大约26916行调用mesureSize()   ->    27097行调用getBoundingClientRect(): 24811,但是返回值不对。
     在ueditor.css,1362行,限制了高度:

  1. /*image-dialog*/^M
  2.   .edui-default .edui-for-insertimage .edui-dialog-content {^M
  3.       width: 650px;^M
  4.       height: 440px;^M
  5.       overflow: hidden;^M
  6.   }^M
3、后台抓取图片、附件ajax函数的url产生函数:
getActionUrl,在uedit.all.js的8000行:

4、后台抓到图片时的ajax参数:
getImageData:images.js的800行

5、“图片管理”中,点击图片所产生的绑定的事件:
initEvents函数中的domUtils.on,images的820行

6、简单版本:

  1. <body>
  2.     <h1>UEditor简单功能</h1>

  3.     
  4.     <script type="text/plain" id="myEditor">
  5.         <p>这里我可以写一些输入提示</p>
  6.     </script>
  7.     <script type="text/javascript">
  8.         UE.getEditor('myEditor',{
  9.             //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
  10.             toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','Bold','test']],
  11.             //focus时自动清空初始化时的内容
  12.             autoClearinitialContent:true,
  13.             //关闭字数统计
  14.             wordCount:false,
  15.             //关闭elementPath
  16.             elementPathEnabled:false,
  17.             //默认的编辑区域高度
  18.             initialFrameHeight:300,
  19.             //更多其他参数,请参考ueditor.config.js中的配置项
  20.             serverUrl: '/server/ueditor/controller.php'
  21.         })
  22.     </script>

  23. </body>

7、同一网页内多编辑器实例:

  1. <body>
  2. <h1>UEditor多实例</h1>


  3. <script type="text/plain" id="myEditor1" style="margin-bottom:100px;">
  4. </script>
  5. <script type="text/plain" id="myEditor2" style="margin-bottom:100px;">
  6.     <p>这里我可以写一些输入提示</p>
  7. </script>
  8. <script type="text/plain" id="myEditor3" style="margin-bottom:100px;">
  9. </script>

  10. <script type="text/javascript">
  11.     UE.getEditor('myEditor1', {
  12.         theme:"default", //皮肤
  13.         lang:'zh-cn', //语言
  14.         serverUrl: '/server/ueditor/controller.php'
  15.     });

  16.     UE.getEditor('myEditor2', {
  17.         autoClearinitialContent:true, //focus时自动清空初始化时的内容
  18.         wordCount:false, //关闭字数统计
  19.         elementPathEnabled:false,//关闭elementPath
  20.         serverUrl: '/server/ueditor/controller.php'
  21.     });

  22.     UE.getEditor('myEditor3', {
  23.         //toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','Bold']],//这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
  24.         lang:"en",
  25.         //更多其他参数,请参考ueditor.config.js中的配置项
  26.         serverUrl: '/server/ueditor/controller.php'
  27.     });
  28. </script>

  29. </body>

8、把已有文字放进编辑器里面,适合于修改文章:

  1. <body>
  2.     <h1>文本域渲染编辑器</h1>

  3.     
  4.     <textarea id="myEditor">这里是原始的textarea中的内容,可以从数据中读取</textarea>
  5.     <br/>
  6.     <input type="button" onclick="render()" value="渲染编辑器">
  7.     <script type="text/javascript">
  8.         //渲染编辑器
  9.         function render(){
  10.             UE.getEditor('myEditor', {serverUrl: '/server/ueditor/controller.php'})
  11.         }
  12.     </script>

  13. </body>

9、上传图片的弹出模态框,每次点击tab都刷新:

   以onlineImage为例,在setTabFocus函数里的switch中,由于onlineImage = onlineImage || new OnlineImage('imageList');
所以每次都会检查是不是已经初始化了onlineImage,如果已经初始化,就不再new OlineImage了。
要想每次点击都从服务器上拉取信息,则把这句改为:
onlineImage =  new OnlineImage('imageList');
  1. /* 初始化tabbody */
  2.     function setTabFocus(id) {
  3.         if(!id) return;
  4.         var i, bodyId, tabs = $G('tabhead').children;
  5.         for (i = 0; i < tabs.length; i++) {
  6.             bodyId = tabs[i].getAttribute('data-content-id');
  7.             if (bodyId == id) {
  8.                 domUtils.addClass(tabs[i], 'focus');
  9.                 domUtils.addClass($G(bodyId), 'focus');
  10.             } else {
  11.                 domUtils.removeClasses(tabs[i], 'focus');
  12.                 domUtils.removeClasses($G(bodyId), 'focus');
  13.             }
  14.         }
  15.         switch (id) {
  16.             case 'remote':
  17.                 remoteImage = remoteImage || new RemoteImage();
  18.                 break;
  19.             case 'upload':
  20.                 setAlign(editor.getOpt('imageInsertAlign'));
  21.                 uploadImage = uploadImage || new UploadImage('queueList');
  22.                 break;
  23.             case 'online':
  24.                 setAlign(editor.getOpt('imageManagerInsertAlign'));
  25.                 onlineImage = onlineImage || new OnlineImage('imageList');
  26.                 onlineImage.reset();
  27.                 break;
  28.             case 'search':
  29.                 setAlign(editor.getOpt('imageManagerInsertAlign'));
  30.                 searchImage = searchImage || new SearchImage();
  31.                 break;
  32.            
  33.         }



阅读(3215) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~