概念性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;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**. Create some new blocks and see _what I can do_. "}},{"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>
- editor.zip (60.3 KB)