富文本编辑器 java_HtmlBox富文本编辑器的使用

我们下面需要做的是在项目里面提供给用户一个富文本编辑区域。

一、什么是富文本编辑

富文本编辑器，Multi-function Text Editor, 简称 MTE, 它提供类似于 Microsoft Word 的编辑功能，提供给不会编写 HTML 的用户设置各种文本格式，比如设置字体的大小写或者插入图片、插入链接等。以下就是普通文本编辑器和富文本编辑器的区别：

上图我们可以看出来，简单的文本编辑器也就是标签，这个标签让我们只能输出简单的无格式文件。

但是富文本编辑器可以让我们输入各种字体或图案的文件。

二、有哪些富文本编辑器

1、TinyMCE

TinyMCE是一个开源的所见即所得的HTML编辑器，界面相当清新，界面模拟本地软件的风格，顶部有菜单栏。支持图片在线处理，插件多，功能非常强大，易于集成，并且拥有可定制的主题。支持目前流行的各种浏览器，它可以达到微软Word类似的编辑体验。更多介绍及下载：https://www.tiny.cloud/docs/demo/full-featured/

2、CKEditor

Ckeditor也是一款非常经典的富文本编辑器，官方下载量过千万。它是在非常著名的FCkEditor基础上开发的新版本，FckEditor的用户现在基本都转移到Ckeditor了。

Ckeditor有高性能的实时预览，它特有行内编辑功能，使得编辑内容更加直观，仿佛是在编辑网页一样，有很强的可扩展性，被各大网站广泛运用。

更多介绍及下载：https://ckeditor.com/

等等还有很多，功能也挺丰富的，有些甚至根据不同的语言提供非常丰富的接口。但此次项目我只需要一个非常简单的，最好是直接导入js及css就可以很快使用的插件。

3、HtmlBox

HtmlBox是一个基于jQuery开发的HTML/XHTML编辑器。易于使用。支持多种浏览器Mozilla Firefox、Internet

Explorer6.0、Opera、Safari和Netscape。非常小只有15kb。HtmlBox默认返回HTML，但也可以输出XHTML。

集成Ajax支持。

资源下载：http://down.chinaz.com/soft/29914.htm

三、HTMLBox的使用

首先是下载，解压如下：

我们打开其中的一个html文件，修改如下：

效果如下：

做一般的回复框是没有多大的问题。

但是如果需要更加丰富的样式的话，可以采用demo_full.html来修改。

代码修改如下：

效果如下：

富文本编辑器 java_HtmlBox富文本编辑器的使用相关推荐

文本编辑器_markdown编辑器与富文本编辑器优缺点比较
其实对于用户来说,Markdown编辑器和富文本编辑器的作用是一样的,功能上也没有什么区别,在Markdown诞生之前大家都是用富文本编辑器的,也没见什么功能不能实现的,而两者主要区别在于他们的使用方 ...
几款主流好用的富文本编辑器（所见即所得常用编辑器）介绍
富文本编辑器富文本编辑器(Rich Text Editor,RTE)是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于Office Word 的编辑功能,方便那些不太懂HTML用户使用,富文 ...
Markdown编辑器 vs.富文本编辑器：介绍/优缺点（未完更新中）
那天学习python到深夜,第一次想在CSDN 想发表文章. 跳出界面让我选择用:Markdown编辑器还是富文本编辑器. 什么?当时便蒙了,我只是想平常一样,写一点日记而已啊,这么不友好的吗? 它既 ...
markdown编辑器与富文本编辑器优缺点比较，哪个更好用
其实对于用户来说,Markdown编辑器和富文本编辑器的作用是一样的,功能上也没有什么区别,在Markdown诞生之前大家都是用富文本编辑器的,也没见什么功能不能实现的,而两者主要区别在于他们的使用 ...
【wangEditor富文本编辑器】富文本三种使用方法，html使用富文本，html套vue脚手架使用富文本，vue使用富文本【简单易用，复制即用】
前言富文本编辑器功能是很多人都要使用的市面上有很多的编辑器可以供选择,但是很多编辑器会有点复杂,或者文档看起来难受. 我最近做了一个需求,是需要在html文件上写富文本编辑器. 但是我看了以前用的 ...
javaFX学习之HTML编辑器(HTMLEditor)富文本编辑器
原文链接:DOC-03-21 HTML编辑器(HTML Editor) | JavaFX中文资料在JavaFX应用程序中使用内置的HTML编辑器来编辑文本 HTMLEditor控件是一个功能完整的富 ...
富文本编辑器 mysql_富文本编辑器汇总
富文本编辑器,Rich Text Editor, 简称 RTE, 它提供类似于 Microsoft Word 的编辑功能,容易被不会编写 HTML 的用户并需要设置各种文本格式的用户所喜爱. 它的原理 ...
android h5富文本编辑器,H5富文本编辑器的详细介绍
使用H5的全局属性contenteditable可以让DOM元素及其子元素变的可编辑样式代码 html, body { overflow: hidden; width: 100%; height: ...
h5 富文本输入框_H5富文本编辑器的详细介绍
使用H5的全局属性contenteditable可以让DOM元素及其子元素变的可编辑样式代码 html, body { overflow: hidden; width: 100%; height: ...

富文本编辑器 java_HtmlBox富文本编辑器的使用

富文本编辑器 java_HtmlBox富文本编辑器的使用相关推荐

最新文章

热门文章