zoukankan      html  css  js  c++  java
  • ExtJs学习笔记(18)_ExtJs嵌入FCK示例

    <!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: 
    "修改个人信息",
                 
    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>

    效果图:
    作者:菩提树下的杨过
    出处:http://yjmyzz.cnblogs.com
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    SpringBoot SpringSession redis 共享 SESSION
    SpringBoot application.yml logback.xml,多环境配置,支持 java -jar --spring.profiles.active
    SpringBoot CGLIB AOP解决Spring事务,对象调用自己方法事务失效.
    SpringBoot整合Mybatis,多数据源,事务,支持java -jar 启动.
    SpringBoot整合SpringSecurity,SESSION 并发管理,同账号只允许登录一次
    SpringBoot idea maven打包war
    动态添加数据源,根据用户登录切换数据库.编程式Spring事务.
    MYSQL,触发器,实现两个表共用ID不重复
    试着简单易懂记录synchronized this object Class的区别,模拟ConcurrentHashMap
    Enum枚举写的一个简单状态机
  • 原文地址:https://www.cnblogs.com/yjmyzz/p/1282533.html
Copyright © 2011-2022 走看看