boonya
 

 

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

 

代码:

Html代码  收藏代码
  1. <!doctype html>  
  2. <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->  
  3. <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->  
  4. <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->  
  5. <!--[if gt IE 8]><!--> <html class="no-js"<!--<![endif]-->  
  6.   <head>  
  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  8.     <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">  
  9.     <meta name="viewport" content="width=device-width">  
  10.     <title>概念性jQuery内容编辑器在线演示</title>  
  11.     <link href="css/example-7443e31d.css" media="screen" rel="stylesheet" type="text/css" />  
  12.   </head>  
  13.   <body>  
  14.   <style="font-size:14px;line-height:2em;width:728px;margin:10px auto">概念性jQuery内容编辑器,这是一款非常有特色的jQuery编辑器,该编辑器支持文字、列表、视频、引用等功能,是一款小巧简洁,富有个性化的jQuery内容编辑器插件。</p>  
  15. <section class="site-width example-container">  
  16.   <form>  
  17.     <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>  
  18.   </form>  
  19. </section>  
  20.   
  21. <script src="js/jquery.min.js"></script>  
  22. <script src="js/example-51e4a4c1.js" type="text/javascript"></script>  
  23.   
  24. </body>  
  25. </html>  

 

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

 

 

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2021-12-18
  • 2021-12-27
  • 2021-07-11
  • 2021-06-30
  • 2022-01-20
  • 2021-06-02
猜你喜欢
  • 2022-12-23
  • 2022-01-06
  • 2021-11-28
  • 2021-10-17
  • 2022-02-06
  • 2021-05-17
  • 2021-11-28
相关资源
相似解决方案