html页面使用富文本编辑器

html页面使用富文本编辑器

1. 使用此富文本编辑器先引入相关的js和css

<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8" src="plug-in/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="plug-in/ueditor/ueditor.all.js"></script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="plug-in/ueditor/lang/zh-cn/zh-cn.js"></script>

2. html页面代码

<div>
	<script id="ueditor" name="content" type="text/plain" style="height:500px;width:100%;max-width:680px;">
	                ${page.content!''}（这里写内容）
	</script>
	<script type="text/javascript">
	                //实例化编辑器
	                //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
	                var ueditor = UE.getEditor('ueditor');
	</script>
</div>