Jquery 概念性内容编辑器

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

代码：

Html代码

<!doctype html>
<html class="no-js">
<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>

posted on 2016-04-01 09:46 boonya 阅读(177) 评论(0) 编辑收藏举报