Markdown的应用例子

本文提供了一份2019年独角兽企业重金招聘Python工程师的代码示例,通过实际代码展示了所需的技能,包括使用JavaScript进行图片尺寸获取及编辑器配置等。

别的不多说直接上代码,里面有需要的文件,各位可以自行下载的

<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>

154845_cMzI_1049491.jpg

效果大概是这个样子的,你们可以再去研究下,我只是浅用的


转载于:https://my.oschina.net/meng527/blog/364302

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值