关于html编辑器,试过fckeditor,升级版的ckeditor,还有tinymce,最近在尝试使用百度的ueditor。对比一下还是觉得ueditor的配置较简单,上手快并且文档和例子也很齐全。那么这里以ueditor1.2.3.0php版本utf-8版为例梳理一下ueditor的使用流程。
1.首先是UEditor的文档结构

_examples:编辑器各种版本的示例页面
_src:JS文件
dialogs:弹出对话框对应的资源和JS文件
lang:语言包文件
PHP:文件上传处理,远程图片抓取,图片在线管理,屏幕截图相关文件
themes:样式图片和样式文件
third-party:第三方插件
editor_all.js:_src目录下所有文件的打包文件
editor_all_min.js:editor_all.js文件的压缩版,可以在正式部署时才采用
editor_config.js:编辑器的配置文件
2.系统配置
UEditor的配置可以分为系统默认配置和用户自定义配置两种类型。系统默认配置分散在各个对应的核心或者插件文件之中,对用户不可见。当用户注释掉自定义配置时起作用。用户自定义配置包括两种类型,一种位于editor_config.js文件之中,优先级高于系统默认配置;另一种位于实例化编辑器时传入的参数中,优先级最高。默认情况下,UEditor在editor_congfig.js注释掉了所有可以省略的配置项,采用系统默认配置,若取消注释,则以该配置项为准;未注释的配置项要求用户必需按照项目实际填写。
以下是自己定义的一个简单配置:
4.创建编辑器实例及其DOM容器
立即学习“前端免费学习笔记(深入)”;
5.设置选项并且渲染编辑器
如果需要有不同设置的ueditor,可以分别定义之后设置不同的自定义选项再渲染编辑器,
6.前后台数据交互
系统简介逍遥内容管理系统(CarefreeCMS)是一款功能强大、易于使用的内容管理平台,采用前后端分离架构,支持静态页面生成,适用于个人博客、企业网站、新闻媒体等各类内容发布场景。核心特性1、模板套装系统 - 支持多套模板自由切换,快速定制网站风格2、静态页面生成 - 一键生成纯静态HTML页面,访问速度快,SEO友好3、文章管理 - 支持富文本编辑、草稿保存、文章属性标记、自动提取SEO4、全
对于PHP可以直接用$_POST['ueditorName']获取编辑器的值,其中ueditorName的值为初始化编辑器时ueditor的name值。
以下为完整的渲染2个ueditor的代码
UEditor
【相关推荐】
1. 免费html在线视频教程
2. html开发手册










