概念性jQuery内容编辑器

系统 1691 0

概念性jQuery内容编辑器

 

概念性jQuery内容编辑器,这是一款非常有特色的jQuery编辑器,该编辑器支持文字、列表、视频、引用等功能,是一款小巧简洁,富有个性化的jQuery内容编辑器插件。

 

代码:

      <!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width">
    <title>概念性jQuery内容编辑器在线演示</title>
    <link href="css/example-7443e31d.css" media="screen" rel="stylesheet" type="text/css" />
  </head>
  <body>
  <p style="font-size:14px;line-height:2em;width:728px;margin:10px auto">概念性jQuery内容编辑器,这是一款非常有特色的jQuery编辑器,该编辑器支持文字、列表、视频、引用等功能,是一款小巧简洁,富有个性化的jQuery内容编辑器插件。</p>
<section class="site-width example-container">
  <form>
    <textarea class="js-sir-trevor-instance">{"data":[{"type":"text","data":{"text":"Hello, I'm **Sir Trevor**.\nCreate some new blocks and see _what I can do_.\n"}},{"type":"video","data":{"source":"youtube","remote_id":"hcFLFpmc4Pg"}}]}</textarea>
  </form>
</section>

<script src="js/jquery.min.js"></script>
<script src="js/example-51e4a4c1.js" type="text/javascript"></script>

</body>
</html>

    

 

来源: http://js.itivy.com/?p=1044

 

 

概念性jQuery内容编辑器


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论