“互联网飓风”席卷影业 “内容为王”无可取代 |
发布时间:2015-04-24 文章来源: 浏览次数:2946 |
UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编纂器,具有轻量、可定制、用户体验优秀等特点。开源基于BSD协议,所有源代码在协议答应范围内可自由修改和使用。 一、下载UEditor编纂器 在下载频道可以下载到最新版本的UEditor UEditor的下载方式分为两种,完整下载与定制下载,完整下载提供UTF-8与GBK两种编码的版本,定制下载目前只有UTF-8编码,推荐使用定制下载,按需求定制,假如程序不是UTF-8编码,可以使用EditPlus等工具将压缩包里所有的HTML及JS文件转码,记得同时修改HTML文件中的charset=utf-8。 二、精简UEditor编纂器 完整版的相关文档与示例页面较多,可以自行研究一下。 index.html是所定制的UEditor编纂器的示例文件,删除之。 editor.js与editor.min.js内容相同,editor.min.js是editor.js的压缩版,使用时加载editor.min.js即可,所以editor.js也可以删除。 三、将UEditor部署到PHP程序上 1.将UEditor的所有文件放在PHP程序的目录中,这里我把文件放在/ueditor目录下。 2.在网页中引入UEditor文件 <script type="text/javascript" src="ueditor/editor_config.js"></script> <script type="text/javascript"> editor_config.js是UEditor的配置文件,首先对路径进行配置。 修改第27行左右的路径配置(根据版本不同可能会有变动) URL = "ueditor/"; //根据实际情况配置 editor_config.js里还有良多常用的配置项目,好比编纂器初始内容、编纂器高度等等,需要配置时只需去掉该行代码前面的注释符号//即可。 使用定制版的童鞋可以下载一个完整版,里面的配置文件比较完整,有些东西可以COPY过来。 五、UEditor代码高亮 UEditor代码高亮使用了第三方的高亮JS组件 – SyntaxHighlighter,在测试的过程中题目不少,使用UEditor编纂器“插入代码”功能插入代码并提交到数据库后,在显示页面代码是不会高亮显示的,需要在该页面加载一下JS和CSS文件。 <script type="text/javascript" src="ueditor/third-party/SyntaxHighlighter/shCore.js"></script> 我在提交至数据库之前用PHP的htmlspecialchars函数进行转义: $content = htmlspecialchars($_POST[codeContent]); echo htmlspecialchars_decode($Row["content"]); <script type="text/plain" id="content" name="content"> 简朴测试了HTML、PHP、JAVASCRIPT和C++代码,暂时没发现题目。 总体来说,UEditor是一个很不错的富文本编纂器,但是因为开发时间不长,还需慢慢完善。 |