ueditor编辑器的使用

可能官方的下载较慢，点这里下载 ueditor

readme.txt 查看用法

一：使用

第一步：引入三个文件（这里填你的文件地址）

<script type="text/javascript" src="__STATIC__/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" src="__STATIC__/ueditor/lang/zh-cn/zh-cn.js"></script>

第二步：

<textarea id="content"></textarea>

第三步：content是第二步的textarea的id

<script type="text/javascript">
// 实例化百度编辑器
  var ue = UE.getEditor('content',{initialFrameWidth:1110,initialFrameHeight:400,});
</script>

二 ：写好的文章如何在页面显示；

代码区高亮显示：填写对应文件的地址（引入两个文件）

<link href="__STATIC__/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="__STATIC__/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>

直接从数据库里取出值显示即可：

<div class="content">{$article.content}</div>

三 写好的文章如何在ueditor里显示实现重新编辑

第一步:还是引入那三个文件：

<script type="text/javascript" src="__STATIC__/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__STATIC__/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" src="__STATIC__/ueditor/lang/zh-cn/zh-cn.js"></script>

 第二步：代码区的内容显示在代码块内

从数据库里获取内容时，使用函数 htmlentities()