如何利用html编辑文章

html-css010

如何利用html编辑文章,第1张

使用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>中的内容换成数组中相应的内容。