html---jquery
<!doctype html>
<html lang="en">
<head>
<title>jQuery輕量級網頁編輯器在線演示</title>
<meta charset='utf-8'>
<link href="http://www.html5tricks.com/demo/jiaoben2131/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="http://www.html5tricks.com/demo/jiaoben2131/style.css">
<link rel="stylesheet" type="text/css" href="http://www.html5tricks.com/demo/jiaoben2131/src/js/jquery.notebook.css">
</head>
<body>
<a href="http://www.html5tricks.com/demo/jiaoben2131/index.html">http://www.html5tricks.com/demo/jiaoben2131/index.html</a><br>
<div style="text-align:center;clear:both">
<script src="http://www.html5tricks.com/demo/jiaoben2131/gg_bd_ad_720x90.js" type="text/javascript"></script>
<script src="http://www.html5tricks.com/demo/jiaoben2131/follow.js" type="text/javascript"></script>
</div>
<div class="editor">
<h1>JQUERY NOTEBOOK DEMO</h1>
<p>一個簡單，乾淨，優雅的所見即所得的富文本編輯器.<strong>用鼠標選中文字可看到效果</strong></p>
<p>This jQuery plugin is released under the MIT license. You can check out the project and see how extremely simple it is to use this editor on your application by clicking on the Github ribbon on the top corner of this page. Feel free to contribute with this project by registering any bug that you may encounter as an issue on Github, and working on the issues that are already there. I'm looking forward to seeing your pull request!</p>
<p>Now, just take a time to test the editor. Yes, <b>this div is the editor</b>. Try to edit this text, select a part of this text and don't forget to try the basic text editor keyboard shortcuts.</p>
<div style="text-align:center;clear:both">
<script src="http://www.html5tricks.com/demo/jiaoben2131/gg_bd_ad_720x90-2.js" type="text/javascript"></script>
</div>
</div>
<script type="text/javascript" src="http://www.html5tricks.com/demo/jiaoben2131/src/js/libs/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="http://www.html5tricks.com/demo/jiaoben2131/src/js/jquery.notebook.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.editor').notebook({
autoFocus: true,
placeholder: 'Type something awesome...'
});
});
</script>
</body>
</html>
相關文章
- 1. 前端HTMLJQuery-CSS樣式學習（三）
- 2. jQuery學習
- 3. 前端模擬滾動條插件
- 4. 幾種fullpage用法及demo
- 5. 跨域請求的幾個文章 jquery ajax 設置請求頭header 參數
- 6. JQeury Image LazyLoad
- 7. datatable報錯 uncaught TypeError: Cannot read property 'aDataSort' of undefined
- 8. jquery帶標題控制圖片切換
- 9. 一些技術博客連接 ASP.NET MVC路由擴展：路由映射 30分鐘LINQ教程
- 10. 關於 js 一些基本的東西
- 更多相關文章...
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
- 1. CVPR 2020 論文大盤點-光流篇
- 2. Photoshop教程_ps中怎麼載入圖案？PS圖案如何導入？
- 3. org.pentaho.di.core.exception.KettleDatabaseException:Error occurred while trying to connect to the
- 4. SonarQube Scanner execution execution Error --- Failed to upload report - 500: An error has occurred
- 5. idea 導入源碼包
- 6. python學習 day2——基礎學習
- 7. 3D將是頁遊市場新賽道？
- 8. osg--交互
- 9. OSG-交互
- 10. Idea、spring boot 圖片(pgn顯示、jpg不顯示)解決方案
歡迎關注本站公眾號,獲取更多信息
相關文章