百度UEditor是一款比较常用编辑器
下载地址:
http://ueditor.baidu.com/website/download.html
1.在assets目录下建立ueditor文件夹,把下载的源码放入该文件夹
2.在需要使用ueditor的文件内引入ueditor相关文件
上代码:
<html>
<head>
<title>完整demo</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" charset="utf-8" src="<?php echo base_url().'assets/ueditor/;?>ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="<?php echo base_url().'assets/ueditor/;?>ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="<?php echo base_url().'assets/ueditor/;?>lang/zh-cn/zh-cn.js"></script>
<style type="text/css">
div{
width:100%;
}
</style>
</head>
<body>
<div>
<h1>完整demo</h1>
<script name="content" id="editor" type="text/plain" style="width:1024px;height:500px;">
初始化内容
</script>
</div>
<script type="text/javascript">
var ue = UE.getEditor('editor');
</script>
</body>
</html>