<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HtmlEditor示例</title> <link rel="stylesheet" href="ext-4.2.1/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-4.2.1/bootstrap.js"></script> <script type="text/javascript" src="ext-4.2.1/locale/ext-lang-zh_CN.js"></script> <script type="text/javascript"> Ext.onReady(function(){ Ext.QuickTips.init(); //初始化提示 Ext.create('Ext.form.Panel',{ title:'HtmlEditor示例', width:630, frame:true, renderTo:'form', 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',text:'背景色'}, forecolor:{title:'Font color',text:'前景色'}, justifyleft:{title:'Align Text Left',text:'左对齐'}, justifycenter:{title:'Center Text',text:'居中对齐'}, justifyright:{title:'Align Text Right',text:'右对齐'}, insertunorderedlist:{title:'Bullet List',text:'项目符号'}, insertorderedlist:{title:'Numbered List',text:'数字编号'}, createlink:{title:'Hyperlink',text:'超链接'}, sourceedit:{title:'Source Edit',text:'切换源代码编辑模式'} } //buttonTips配置项,必须同时为所有要显示的按钮提供配置信息,否则编辑器会出异常 }] }); }); </script> </head> <body> <form id="form" name="form"></form> </body> </html>
HtmlEditor组件编辑器是一个简单易用的HTML文本编辑器,提供基本的文本编辑功能,包括设置文本的字体、颜色、对齐方式等常见属性。
与其他表单组件存在的差异:
1.对浏览器的兼容性不同。它在Safari和Firefox浏览器上存在BUG。
2.不支持数据验证,没有提供allowBlank配置项,无法通过简单的配置来对输入信息的内容进行有效验证。
3.数据内容不同。调用Ext.form.field.HtmlEditor的getValue()方法得到的是格式化后的HTML源文件,而非输入的原始文本。
4.buttonTips配置项:可以方便分别指定编辑器上方工具栏中按钮的提示信息。
开发者博客:www.developsearch.com
相关推荐
ecplise html编辑器tk.eclipse.plugin.htmleditor_2.2.0.jar 配合GEF插件能在eclipse里识别html的标签来方便编辑html页面。tk.eclipse.plugin.htmleditor_2.2.0.jar文件直接复制到eclipse\plugins里面即可
1.解压后得到GEF-ALL-3.4.1.zip和tk.eclipse.plugin.htmleditor_2.2.0.jar 2.安装GEF 解压GEF-ALL-3.4.1.zip,得到一个eclipse文件夹,打开可看到: 下面有三个文件夹:features,plugins,readme 分别拷贝上面...
执照:麻省理工学院演示:论坛:Ext.ux.form.field.UploadFileField 执照:麻省理工学院演示:论坛:Ext.ux.form.field.ImageFileField 执照:麻省理工学院演示:论坛:Ext.ux.form.plugin.HtmlEditor 执照:麻省...
tk.eclipse.plugin.htmleditor_2.1.0
7.4.3 数据模型的骨架——字段:ext.data.field / 330 7.4.4 数据集:ext.util.abstractmixedcollection与ext.util.mixedcollection / 330 7.4.5 数据验证及错误处理:ext.data.validations与ext.data.errors / ...
tk.eclipse.plugin.htmleditor_2.2.0.jar,eclipse插件
1、eclipse的html文件编辑插件。 2、eclipse for java是没有自带html文件编辑的工具,(eclipse for JEE)则自带了。这个插件可以弥补eclipse for java的这一缺陷。 3、插件导入后可以配置一下eclipse的文件关联,将...
//Ext.form.Field.prototype.msgTarget = 'side'; var bd = Ext.getBody(); /* * ================ Form 5 ======================= */ bd.createChild({tag: 'h2', html: 'Form 5 - ... and forms can ...
4.1.16 Ext.form.field.HtmlEditor编辑器字段 4.1.17 Ext.form.field.Display只读文本字段 4.1.18 Ext.form.Label标签字段 4.1.19 Ext.form.FieldSet字段集 4.1.20 Ext.form.FieldContainer容器字段 4.1.21 Ext...
关于Lion.Data.Library.HtmlEditor 2.0 的演示文件
tk.eclipse.plugin.htmleditor_2.2.0.jar
vue-html-editor:实现HTML编辑器的Vue.js组件
Lion.Data.Library.HtmlEditor v2.0(源码和实例)
这是一个针对Lion.Data.Library.HtmlEditor 2.0所使用配置文件的管理程序,只对初学者用 . BTW:如果你会一些xml,可以手动去修改,里面已经写了注释
安装Eclipse HTML Editor插件 解压缩tk.eclipse.plugin.htmleditor_1.6.7.zip包,然后将plugins目录拷贝至D:\eclipse目录下覆盖原文件夹即可。到此Eclipse HTML Editor插件安装完成。 <br>完成以上...
45、Ext.form.Field类 …………………… 41 46、Ext.form.Checkbox类 …………… 42 47、Ext.form.Radio类 ………………… 43 48、Ext.form.HtmlEditor类 …………… 43 49、Ext.form.TextField类 …………… 44 50...
tk.eclipse.plugin.htmleditor_2.0.4 tk.eclipse.plugin.htmleditor_2.0.4
eclipse html插件,有需要的可以下。 随后还会有tk.eclipse.plugin.jsf_2.0.6.jar等资源
如果引用MSHTML不可用,请换成32位,此演示程序是Win10&x64;位下的HTML引用 基本的文本编辑,查看Html源码、打印、导出文本文件、插入图片、插入表格等,可作为参考使用
tk.eclipse.plugin.htmleditor_2.0.4.rar