CKEditor V4.4.3免费版

CKEditor免费版，旧名FCKEditor是一款网页代码编辑器。CKEditor免费版采用JavaScript编写，具备了强大的功能、便利的配置、支持跨浏览器使用、支持多种编程语言等特点，常被用于Web项目和大型网站的编写，因此能够在网络中找到软件的使用教程。CKEditor免费版是一个专注于网页代码编写的编辑器，还对源代码进行公开，软件体积小巧，没有复杂的操作界面，因此用户可以轻易学会使用，并且CKEditor免费版可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。另外，CKEditor免费版还兼容了绝大部分网页浏览器，比如： Internet Explorer、Mozilla、Netscape等等。另外，在CKEditor免费版包含了jQuery适配器，并引入了新的文本缩进机制，如Tab 和 Shift+Tab 快捷键的处理。

CKEditor免费版软件特色

1、质量优秀

多年的连续测试驱动开发(5000多个测试)和代码同行评审，让一个成熟的产品拥有最高的可靠性。还有专用的核心开发团队，以及活跃的开源社区支持的维持。

2、可访问性

符合最新的Web可访问性标准(WCAG 2、508节，WAI-ARIA)同时使您能够创建可访问的内容，以及内置的辅助检查。

3、可定制性

自定义编辑器的每一个细节，定制您的需求，使用其强大的开发者友好的文档和丰富的JavaScript API。

4、创新思维

不断引领创新领域的丰富文本编辑。把你的内容创作过程由Word粘贴等独特功能的全面控制，引申到先进的内容过滤，控件，自定义HTML格式以及更多。

CKEditor免费版使用说明

第一步：将ckeditor整个文件夹放到网站资源目录下。

第二步：在要添加ckeditor的网页上加入ckeditor.js。

第三步：在要转换成富文本的textarea下方编写js：CKEDITOR.replace('textarea的name')。

第四步：打开网站查看效果。

CKEditor免费版上传图片

1、清空图像预览框中的文字

ckeditor文件夹下的config.js中添加：

添加后效果如下：

2、配置上传图片请求地址

ckeditor文件夹下的config.js中添加：

3、上传照片预览

图片上传成功，在目录下也可以看到图片，至此图片上传成功。但是如何将图片发到编辑器中呢？点“确定”按钮会有以下提示。

到这里，要在controller中返回一段JS脚本：

有了这段代码，图片上传成功后，根据这里的

“upload/” + filename

相对地址，就可以使用这个图片，直接转到“图像”页面。

点击确定后编辑器如下：

4、上传的图片重新显示到页面

直接将值写在标签中：

5、后台上传图片代码