ExtJs学习笔记(18)_ExtJs嵌入FCK示例

简介: DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
<! 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" />
    
< link  rel ="stylesheet"  type ="text/css"  href ="../resources/css/ext-all.css"   />
     
< script  type ="text/javascript"  src ="../adapter/ext/ext-base.js" ></ script >
    
< script  type ="text/javascript"  src ="../ext-all-debug.js" ></ script >  
    
< script  type ="text/javascript"  src ="../Extjs_Intellisense.js" ></ script >
    
< script  type ="text/javascript"  src ="../fckeditor/fckeditor.js" ></ script >
    
< title > Layout_Border示例 </ title >     
</ head >
< body >

< script  type ="text/javascript" >
    Ext.onReady(
function () {

        
var  win  =   new  Ext.Window({
            title: 
" 修改个人信息 " ,
            width: 
800 ,
            height: 
410 ,
            layout: 
" fit " ,
            modal: 
true ,
            frame: 
true ,
            plain: 
true ,
            resizable: 
false ,
            items: 
new  Ext.TabPanel({
                activeTab: 
0 ,
                frame: 
true ,
                items:
                    [
                        {
                            title: 
" 个人信息 " ,
                            items:
                            [{
                                title: 
" 自我介绍 " ,
                                xtype: 
" textarea " ,
                                id: 
" fckInstance " ,
                                name:
" fckInstance " ,                                                             
                                                            
                            }],
                            buttons: [{ text: 
" 保存 " }]
                            }
                    ]
            })
        });

        win.show();

        
var  fckobj  =   new  FCKeditor( ' fckInstance ' " 100% " " 100% " );
        fckobj.ToolbarSet 
=   ' Default ' ;
        fckobj.ReplaceTextarea();   
    });

    
</ script >
</ body >
</ html >

效果图:
目录
相关文章
|
3月前
|
JSON JavaScript 数据格式
如何用JS实现三级联动功能
如何用JS实现三级联动功能
29 0
|
4月前
|
JavaScript 前端开发 编译器
Nodejs 第二十三章(Markdown 转 html)
Nodejs 第二十三章(Markdown 转 html)
45 0
|
2月前
|
前端开发 JavaScript
从零开始学习前端开发:HTML、CSS、JavaScript入门指南
【2月更文挑战第1天】本文将带领读者从零开始学习前端开发,介绍HTML、CSS和JavaScript的基础知识与应用,帮助读者快速入门前端开发领域。
65 1
|
7月前
|
JavaScript 前端开发
JavaScript 进阶5:WebAPI:DOM- 网页特效篇
JavaScript 进阶5:WebAPI:DOM- 网页特效篇
52 0
|
JavaScript 前端开发 Java
javaScript实战项目之动态表格【文末附源码】
js中BOM实战项目之动态表格 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝
130 0
javaScript实战项目之动态表格【文末附源码】
|
前端开发
前端知识案例115-javascript基础语法-导入模块
前端知识案例115-javascript基础语法-导入模块
25 0
前端知识案例115-javascript基础语法-导入模块
|
JavaScript
js基础笔记学习1-js简介小历史笔记
js基础笔记学习1-js简介小历史笔记
43 0
js基础笔记学习1-js简介小历史笔记
|
JavaScript
Vue案例—学生管理系统—html版(上篇)(三)
Vue案例—学生管理系统—html版(上篇)
399 0
Vue案例—学生管理系统—html版(上篇)(三)
|
JavaScript 前端开发 C++
Vue案例—学生管理系统—html版(上篇)(二)
Vue案例—学生管理系统—html版(上篇)
81 0
Vue案例—学生管理系统—html版(上篇)(二)
|
XML JavaScript 前端开发
dwz嵌入jqGrid(2)
dwz嵌入jqGrid
161 0