(18)ExtJS之Ext.form.filed.HtmlEditor编辑器
来源:互联网 发布:零基础 学python 书 编辑:程序博客网 时间:2024/06/16 10:54
JS文件:
Ext.onReady(function(){Ext.QuickTips.init();//使用HtmlEditor之前必须初始化提示Ext.create('Ext.form.Panel',{title:'Ext.form.field.HtmlEditor示例',width:630,frame:true,renderTo:Ext.getBody(),bodyPadding:5,items:[{fieldLabel:'html字段',xtype:'htmleditor',height:150,width:600,value:'ExtJS登场',labelWidth:70,labelSeparator:':',//分隔符createLinkText:'创建超链接',//创建连接的提示信息defaultLinkValue:'http://www.',//链接的默认形式enableAlignments:true,//启用左中右对齐按钮enableColors:true,//启用前景色,背景色选择按钮enableFont:true,//启用字体选择按钮enableFontSize:true,//启用字体增大和缩小按钮enableFormat:true,//启用粗体,斜体,下划线按钮enableLinks:true,//启用创建连接按钮enableLists:true,//启用列表按钮enableSourceEdit:true,//启用源代码编辑按钮fontFamilies:['宋体','隶书','黑体']//字体列表}]});});//以下这段代码文档并没有buttonTips,留于此备用/*buttonTips:{bold:{title:'Bold(Ctrl+B)',text:'粗体'},italic:{title:'Italic(Ctrl+I)',text:'斜体'},underline:{title:'Underline(Ctrl+U)',text:'下划线'},increasefontsize:{title:'Grow Text',text:'增大字体'},decreasefontsize:{title:'Shrink Text',text:'缩小字体'},backcolor:{title:'Text Highlight Color',text:'背景色'},forecolor:{title:'Font Color',text:'前景色'},justifyleft:{title:'Align Text Left',text:'左对齐'},justifycenter:{title:'Center Text',text:'居中对齐'},justtifyright:{title:'Align Text Right',text:'右对齐'},insertunorderedlist:{title:'Bullet List',text:'项目符号'},insertorderedlist:{title:'Number List',text:'数字编号'},createlink:{title:'Hypelink',text:'超链接'},sourceedit:{title:'Source Edit',text:'切换源代码编辑模式'}}*/
JSP文件:<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>My JSP 'JS1.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!-- extjs的样式文件 --><link rel="stylesheet" type="text/css" href="js/extjs/resources/css/ext-all.css"><!-- extjs的核心文件 --><script type="text/javascript" charset="utf-8" src="js/extjs/ext-all-debug.js"></script><!-- 国际化文件 --><script type="text/javascript" charset="utf-8" src="js/extjs/ext-lang-zh_CN.js"></script><script type="text/javascript" charset="utf-8" src="base/011_form_dateandother.js"></script> </head> <body></body></html>
0 0
- (18)ExtJS之Ext.form.filed.HtmlEditor编辑器
- (10)ExtJS之Ext.form.filed.TextArea文本区
- (10)ExtJS之Ext.form.filed.TextArea文本区
- Ext.form.field.HtmlEditor编辑器字段
- 重写Ext.form.HtmlEditor
- EXT之htmleditor扩展
- Extjs4中的Form之文本编辑器htmleditor的使用
- Ext.form.HtmlEditor 的 表情扩展
- (9)ExtJS之Ext.form.field.Text
- EXT文本编辑器(htmleditor)[初始化界面]
- Ext 中,为Ext.form.HtmlEditor添加键盘事件
- Ext 中,为Ext.form.HtmlEditor添加键盘事件
- Ext.widgets-form(上)BasicForm/Field/Checkbox/Radio/HtmlEditor/TextField
- Ext.widgets-form(上)BasicForm/Field/Checkbox/Radio/HtmlEditor/TextField
- Ext.widgets-form(上)BasicForm/Field/Checkbox/Radio/HtmlEditor/TextField
- Ext.widgets-form(上)BasicForm/ Field/ Checkbox/ Radio/ HtmlEditor/ TextField
- Ext.form.HtmlEditor获取和清空数据的方法
- Ext.form.HtmlEditor如何判断是否有输入
- HTML 5 video 视频标签全属性详解
- mfc 实现程序重启的做法
- Android酱油笔记之按钮抖动
- 设置原生应用布局文件
- jquery图片放大镜插件使用
- (18)ExtJS之Ext.form.filed.HtmlEditor编辑器
- gdb调试-查看STL容器
- 美味书签宣布将关闭服务
- Spring的AOP配置
- 英雄会半质数的个数实现
- 关于Go语言中defer关键字
- issu3.6 sdk 试玩
- 如何使用命令行来运行程序
- Android Bitmap和Canvas学习笔记