使用ckeditor这个插件,就能很方便的在html中编辑文章了,这个富文本编辑器功能很强大
<!DOCTYPE HTML><html>
<meta charset="UTF-8" />
<head>
<title></title>
</head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="//cdn.ckeditor.com/4.7.0/full/ckeditor.js"></script>
<script type="text/javascript">
$(function(){
editor_content = CKEDITOR.replace('editplace')
})
</script>
<style type="text/css">
html,
body {
margin: 0
padding: 0
}
.demo {}
</style>
<body>
<div class="demo">
<textarea name="editplace" rows="" cols="" id="dd" placeholder=""></textarea>
</div>
</body>
</html>
很简单的,我给你说两种方法。第一种最简单,直接生成若干个<div>或者<table>,因为你说是文章,所以我以下用<div>,这样比较简单。
<div id="div1">第一页内容</div>
<div id="div2" style="display:none">第二页内容</div>
<div id="div3" style="display:none">第三页内容</div>
然后你再作几个链接类似于1,2,3这样的文字,点击文字,相应的页面显示,其他页面隐藏。这样就等于有了分页效果。
第二种,
var array =["第一页内容","第二页内容","第三页内容"]
<div id="div1">第一页内容</div>
然后你再作几个链接类似于1,2,3这样的文字,点击文字,把<div>中的内容换成数组中相应的内容。