【JavaWeb】富文本编辑器

• 前言
• 一、富文本编辑器介绍
• 二、富文本编辑器使用
• • 1.引入编辑器（多种引入方式）
  • 2.使用编辑器
• 三、主流富文本编辑器推荐
• • 1.TinyMCE
  • 2.CKEditor
  • 3.UEditor
  • 4.wangEditor
  • 5.kindeditor
  • 6.simditor
  • 7.bootstrap-wysiwyg
  • 8.summernote
  • 9.Froala
  • 10.Quill
  • 11.FreeTextBox
  • 12.dhtmlxEditor
  • 13.eWebEditor
• 后记

前言

本文为JavaWeb基础富文本编辑器的介绍，使用与常用富文本编辑器，Java全栈学习路线可参考：【Java全栈学习路线】最全的Java学习路线及知识清单，Java自学方向指引，内含最全Java全栈学习技术清单~

一、富文本编辑器介绍

富文本编辑器，Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能，容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱。它的应用也越来越广泛。最先只有 IE 浏览器支持，其它浏览器相继跟进，在功能的丰富性来说，还是 IE 强些。虽然没有一个统一的标准，但对于最基本的功能，各浏览器提供的 API 基本一致，从而使编写一个跨浏览器的富文本编辑器成为可能。

抛开专业的定义，用自己的话来介绍一下到底什么是富文本编辑器。先举个简单的例子，大家大多都使用过网上的一些博客系统或者论坛贴吧吧，那我们要发布一则文章或者消息的时候我们需要在后台设置一下这段文本的格式还有字体的大小粗细颜色等样式，此时网页上会有一个设置这些信息的菜单或者是一个网页的文本编辑器，这个就是富文本编辑器的常见应用，如下图：

• 自定义设置

（4）常用功能设置

（5）本地上传图片
编辑器自带图片上传的网站链接图片，本地上传图片需要自己设置

来源：小新要变强