1、表情包需要下载，然后在配置里面使用localfile；
2、修改图片对话框，在图片对话框里面再加一行：
（1）大小是iframe的大小，宽度和高度追踪：
在ueditor.all.js里面，大约26916行调用mesureSize() -> 27097行调用getBoundingClientRect(): 24811，但是返回值不对。
在ueditor.css，1362行，限制了高度：
-
/*image-dialog*/^M
-
.edui-default .edui-for-insertimage .edui-dialog-content {^M
-
width: 650px;^M
-
height: 440px;^M
-
overflow: hidden;^M
-
}^M
3、后台抓取图片、附件ajax函数的url产生函数：
getActionUrl，在uedit.all.js的8000行：
4、后台抓到图片时的ajax参数：
getImageData：images.js的800行
5、“图片管理”中，点击图片所产生的绑定的事件：
initEvents函数中的domUtils.on，images的820行
6、简单版本：
-
<body>
-
<h1>UEditor简单功能</h1>
-
-
-
<script type="text/plain" id="myEditor">
-
<p>这里我可以写一些输入提示</p>
-
</script>
-
<script type="text/javascript">
-
UE.getEditor('myEditor',{
-
//这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
-
toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','Bold','test']],
-
//focus时自动清空初始化时的内容
-
autoClearinitialContent:true,
-
//关闭字数统计
-
wordCount:false,
-
//关闭elementPath
-
elementPathEnabled:false,
-
//默认的编辑区域高度
-
initialFrameHeight:300,
-
//更多其他参数，请参考ueditor.config.js中的配置项
-
serverUrl: '/server/ueditor/controller.php'
-
})
-
</script>
-
-
</body>
7、同一网页内多编辑器实例：
-
<body>
-
<h1>UEditor多实例</h1>
-
-
-
<script type="text/plain" id="myEditor1" style="margin-bottom:100px;">
-
</script>
-
<script type="text/plain" id="myEditor2" style="margin-bottom:100px;">
-
<p>这里我可以写一些输入提示</p>
-
</script>
-
<script type="text/plain" id="myEditor3" style="margin-bottom:100px;">
-
</script>
-
-
<script type="text/javascript">
-
UE.getEditor('myEditor1', {
-
theme:"default", //皮肤
-
lang:'zh-cn', //语言
-
serverUrl: '/server/ueditor/controller.php'
-
});
-
-
UE.getEditor('myEditor2', {
-
autoClearinitialContent:true, //focus时自动清空初始化时的内容
-
wordCount:false, //关闭字数统计
-
elementPathEnabled:false,//关闭elementPath
-
serverUrl: '/server/ueditor/controller.php'
-
});
-
-
UE.getEditor('myEditor3', {
-
//toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','Bold']],//这里可以选择自己需要的工具按钮名称,此处仅选择如下五个
-
lang:"en",
-
//更多其他参数，请参考ueditor.config.js中的配置项
-
serverUrl: '/server/ueditor/controller.php'
-
});
-
</script>
-
-
</body>
8、把已有文字放进编辑器里面，适合于修改文章：
-
<body>
-
<h1>文本域渲染编辑器</h1>
-
-
-
<textarea id="myEditor">这里是原始的textarea中的内容，可以从数据中读取</textarea>
-
<br/>
-
<input type="button" onclick="render()" value="渲染编辑器">
-
<script type="text/javascript">
-
//渲染编辑器
-
function render(){
-
UE.getEditor('myEditor', {serverUrl: '/server/ueditor/controller.php'})
-
}
-
</script>
-
-
</body>
9、上传图片的弹出模态框，每次点击tab都刷新：
以onlineImage为例，在setTabFocus函数里的switch中，由于onlineImage
= onlineImage
|| new OnlineImage
('imageList');
所以每次都会检查是不是已经初始化了onlineImage，如果已经初始化，就不再new OlineImage了。
要想每次点击都从服务器上拉取信息，则把这句改为：
onlineImage
= new OnlineImage
('imageList');
-
/* 初始化tabbody */
-
function setTabFocus(id) {
-
if(!id) return;
-
var i, bodyId, tabs = $G('tabhead').children;
-
for (i = 0; i < tabs.length; i++) {
-
bodyId = tabs[i].getAttribute('data-content-id');
-
if (bodyId == id) {
-
domUtils.addClass(tabs[i], 'focus');
-
domUtils.addClass($G(bodyId), 'focus');
-
} else {
-
domUtils.removeClasses(tabs[i], 'focus');
-
domUtils.removeClasses($G(bodyId), 'focus');
-
}
-
}
-
switch (id) {
-
case 'remote':
-
remoteImage = remoteImage || new RemoteImage();
-
break;
-
case 'upload':
-
setAlign(editor.getOpt('imageInsertAlign'));
-
uploadImage = uploadImage || new UploadImage('queueList');
-
break;
-
case 'online':
-
setAlign(editor.getOpt('imageManagerInsertAlign'));
-
onlineImage = onlineImage || new OnlineImage('imageList');
-
onlineImage.reset();
-
break;
-
case 'search':
-
setAlign(editor.getOpt('imageManagerInsertAlign'));
-
searchImage = searchImage || new SearchImage();
-
break;
-
-
}
阅读(3303) | 评论(0) | 转发(0) |
