A-A+

.map()用法

2015年12月24日 JavaScript 暂无评论 阅读 70 次

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>ueditor demo</title>
</head>
<body>
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor.all.js"></script>
<img src="http://files.jb51.net/image/aliyun300.gif" alt="" id="img1">
<img src="http://files.jb51.net/image/aliyun300.gif" alt="" id="img1">
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
//对编辑器的操作最好在编辑器ready之后再做
ue.ready(function() {
//设置编辑器的内容
var oImg = document.getElementById("img1");
oImg.onclick =function(){
ue.setContent("<img src='"+this.src+"'/>");
}
});
</script>
</body>
</html>

 

 

<!DOCTYPE HTML>
<html lang="en-US">

<head>
<meta charset="UTF-8">
<title>ueditor demo</title>
<style type="text/css">
ul li{
float:left;
margin-right:10px;
border:2px solid #e5e5e5;
list-style:none;
cursor:pointer;
}
.list{
border-color:#f30;
}
ul li img{
width:120px;
height:120px;
display:block;
}
#div1{width:200px;height:200px;border:1px solid #1D5A7D;margin-top: 200px;}
</style>
</head>

<body>
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="ueditor.all.js"></script>
<script src="jquery-1.8.2.min.js"></script>
<!--<script src="edith.js"></script>-->
<!--<img src="http://files.jb51.net/image/aliyun300.gif" alt="" id="img1">-->
<button id="btns">确定按钮</button>
<div class="imgBox">
<ul>
<li>
<img src="1.jpg" />
</li>
<li>
<img src="2.jpg" />
</li>
<li>
<img src="1.jpg" />
</li>
<li>
<img src="1.jpg" />
</li>
<li>
<img src="1.jpg" />
</li>
</ul>
</div>
<div id="div1"></div>
<!-- 实例化编辑器 -->
<script type="text/javascript">
var ue = UE.getEditor('container');
//对编辑器的操作最好在编辑器ready之后再做
ue.ready(function() {
var info="";
$("img").click(function(){
$(this).parent("li").toggleClass("list");
info = $(".list").map(function(){
return $(this).html();
}).get().join("");
});
$("#btns").click(function(){
console.log(info);
if(info!=""){
ue.setContent(info);
}
})
});

</script>

</body>

</html>

demo:http://www.siyuweb.com/demo/baidufuwenben/baidu/demo2.html

demo:http://www.siyuweb.com/demo/baidufuwenben/baidu/demo.html

标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录