<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/"/>
<link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="shared/example.css" />
<script type="text/javascript" src="js/ext/ext-all.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
//创建表单
Ext.create('Ext.form.Panel',{
title:'Ext.form.field.HtmlEditor实例',
renderTo:'form',
bodyPadding:5,
frame:true,
height:400,
width:800,
items:[{
xtype:'htmleditor',
height:300,
width:780,
value:'Extjs之旅',
labelWidth:70,
labelSeparator:':',
createLinkText:'创建超链接',//创建超链接的提示信息
defaultLinkValue:'http://www.',//链接的默认格式
enableAlignments:true,//启用左中右对其按钮
enableColors:true,//启用前景色，背景色选择按钮
enableFont:true,//启用字体选择按钮
enableFontSize:true,//启用字体增大缩小按钮
enableFormat:true,//启用粗体，斜体，下划线按钮
enableLinkes:true,//启用创建连接按钮
enableLists:true,//启用列表按钮
enableSourceEdit:true,//启用源代码编辑按钮
fontFamilies:['宋体','隶书','黑体']//字体列表
}]
});
});
</script>
</head>
<body>
<div id="form"></div>
</body>
</html>
相关推荐
插入图片是HtmlEditor编辑器中最常用的功能之一，本文将详细介绍如何扩展ExtJs的HtmlEditor编辑器以实现图片的插入。 HtmlEditor编辑器的基本概念 ------------------------ 在ExtJs框架中，HtmlEditor编辑器是一...
ExtJs常用布局--layout详解实例代码: ExtJs常见的布局方式有：border、form、absolute、column、accordion、table、fit、card、anchor 另外，不常见的布局有：tab、vbox、hbox 具体使用方法可见该文件的案例代码。 ...
extjs-620-docs官方文档extjs-620-docs官方文档extjs-620-docs官方文档
此"extjs-620-docs.rar"压缩包包含了该版本的完全离线版API文档，旨在解决在没有网络连接或网络环境不稳定时，开发者仍然可以便捷地查阅和学习ExtJS 6.2.0的相关知识。 API 文档是任何开发者的重要工具，特别是对于...
语言程序设计资料：ExtJs学习笔记-2积分.doc
"extjs-theme-bootstrap" 是针对 EXTJS4 的一个主题，它借鉴了 Bootstrap 的设计风格，让 EXTJS4 应用程序具有更加现代化和一致的外观。 Bootstrap 是一个流行的前端开发框架，由 Twitter 推出，主要用于构建响应式...
《TextArea_HTMLEditor 编辑器学习指南——探索EXTJS中文版的奥秘》 在Web开发领域，富文本编辑器是不可或缺的一部分，它允许用户以类似Word的方式编辑网页内容。EXTJS作为一款强大的JavaScript框架，提供了丰富的...
ExtJS快速入门--传智播客--蔡世友
extJs-5.0.1-gpl附带sencha cmd安装程序、ruby编译包（分为32位和64位）和教程，一共四部分
"extjs-theme-bootstrap-master.zip" 文件很可能是ExtJS的一个主题包，它集成了Bootstrap的样式，使得ExtJS组件能够呈现出Bootstrap的经典外观。 在深入讲解这个主题之前，让我们先了解一下基础概念： 1. **ExtJS*...
ExtJS 是一个强大的JavaScript库，专门用于构建富客户端Web应用程序。在标题"extjs2----关于extjs 的使用，操作"中，我们可以看出这是一份关于ExtJS 2.0版本的使用指南，主要涵盖了其基本操作和应用。描述中提到内容...
一个extjs的OA项目 extjs-OA extjs-oaextjs-OA extjs-oa
HtmlEditor(编辑器)的一个图片插件，制作过程用到了图片上传等，采用Struts1.2 ，上传组件使用的是Cos，这个插件的意义并不在于插件本身，只是希望给要用ExtJS做文件上传或想做ExtJS插件的朋友提供一种思路 ...
在EXTJS这个强大的JavaScript框架中，事件机制是其核心组件之一，它允许组件之间进行通信和交互。在“Extjs源码之--Ext事件机制/继承关系”中，我们将深入探讨EXTJS如何处理事件以及其类层次结构。EXTJS的事件处理...
extjs-7.0.0-docs, EXT 7.0.0 官方离线文档包, 希望可以助力于您
extjs-660-docs,EXT官方离线文档包, 希望可以且助力于您
Extjs6.2 生成的admin-dashboard官方模板
总结起来，这个"ExtJS-MVC-用户列表实例"展示了如何使用ExtJS的MVC架构来构建一个功能完整的Web应用，包括定义数据模型、创建视图来展示数据、设置控制器来处理用户交互，以及利用Store进行数据管理。同时，...
licensing@extjs.com http://extjs.com/license Open Source License Ext is licensed under the terms of the Open Source GPL 3.0 license. http://www.gnu.org/licenses/gpl.html There are several FLOSS ...