富文本编辑器-白红宇

富文本编辑器

阅读量：3947 次

发布时间：2019-05-24

本文共 694 字，大约阅读时间需要 2 分钟。

富文本编辑器介绍

今天在做淘淘商城项目后台管理系统之添加商品描述时，遇到了富文本编辑器，感觉功能还是挺强大的，很方便用户在网页上直接进行编辑，顺便了解了一下相关内容

种类：

KindEditor

UEditor：百度编辑器

CKEditor

富文本编辑器是纯js开发，跟后台语言没有关系。

在百度的ueditor中随便写几句：

可以实时转换为html代码：

第一步：在jsp中引入KindEditor的css和js代码。

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

第二步：在表单中添加一个textarea控件。是一个富文本编辑器的载体。类似数据源。

商品描述:

第三步：初始化富文本编辑器。使用官方提供的方法初始化。

在这里插入图片描述

第四步：取富文本编辑器的内容。

createEditor : function(select){    	return KindEditor.create(select, TT.kingEditorParams);    },

最后：

表单提交之前，把富文本编辑器的内容同步到textarea控件中。（编辑器中的数据放到textarea中），最终提交数据是textarea提交到后台。

因此，富文本编辑器可以用在写博客网站或者后台管理系统，这样用户可以更加方便在网页上获得更好的编辑效果，增强用户体验。

转载地址：http://zerwi.baihongyu.com/

你可能感兴趣的文章