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

效果图:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏JetpropelledSnake

[简明版] 有道云笔记Markdown指南

使用有道词典配合Markdown,可以快速准确做出美观精致的笔记,下面我们来看一下如何使用有道词典的MarkDown功能。

35610
来自专栏星流全栈

相见恨晚的JavaScript包搜索工具 — JS.coach

34820
来自专栏进步博客

创建高效media queries的七个好习惯

从最小屏幕开始,逐渐扩大窗口,当效果丑陋不堪(like shit)时,此处就是breakpoint。

7420
来自专栏青蛙要fly的专栏

Android技能树 — 屏幕适配小结

关于屏幕适配,几乎每隔一段时间就会看见有人发出来说XXX方案,实现超级简单的适配方式等等。所以我把我目前了解过的常用的适配方案做个总结,并简单说说原理,从而让大...

12630
来自专栏前端说吧

CSS-项目中遇到IE兼容问题,处理随笔

70670
来自专栏Android自学

Reset CSS(CSS初始化)总结

22720
来自专栏前端杂货铺

reflow和repaint(摘录自张鑫旭的翻译)

//正文开始 关于回流(reflows)与重绘(repaints),我已经在twitter和delicious上发布,但是并没有在演讲中提到或是以文章形式发布。...

35040
来自专栏hightopo

基于 HTML5 WebGL 的 3D 服务器与客户端的通信

18820
来自专栏walterlv - 吕毅的博客

WPF 使用 WindowChrome,在自定义窗口标题栏的同时最大程度保留原生窗口样式(类似 UWP/Chrome)

发布于 2018-07-12 07:57 更新于 2018-09...

53320
来自专栏前端说吧

JS-简单地匀速运动框架

37970

扫码关注云+社区

领取腾讯云代金券