别的不多说直接上代码,里面有需要的文件,各位可以自行下载的
<link href="/js/markDownEditor.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="/js/jquery-ui.min.css" />
<script type="text/javascript" src="/js/markdown.js"></script>
<script type="text/javascript" src="/js/markDownEditor.js"></script>
<!--<script type="text/javascript" src="/js/jquery.sheet.js"></script>
<script type="text/javascript" src="/js/jquery-ui.min.js"></script>-->
<script type="text/javascript" src="/js/jquery-webox.js"></script>
<script type="text/javascript">
$(function(){
//var w=$(".img_size").width();
//var h=$(".img_size").height();
//alert(w);alert(h);
var img = $(".img_size");
var theImage = new Image();
theImage.src = img.attr("src");
var w=theImage.width;
var h=theImage.height;
$(".width").text(w);
$(".height").text(h);
$(".unit label").css("width","100px");
$("#textarea-1").markDownEditor({
//previewBodyClass : 'text-content',
//actions : [ 'bold', 'quote' ]
});
$('#outside').click(function(){
$.webox({
height:550,
width:700,
bgvisibel:true,
title:'iframe弹出层调用',
iframe:'/js/table.html?'+Math.random
});
});
});
</script>
<label>物品简介:</label>
<textarea id="textarea-1" class="required" style=" border-right:1px solid #EEE; width:50%; padding:10px" name="introduce"></textarea>
效果大概是这个样子的,你们可以再去研究下,我只是浅用的