SPAW Editor .NET Edition v.2乱用中介绍了一个HTML Editor,在使用这个Editor进行页面布局的时候可能希望使用代码控制编辑器的大小,例如在用户调整浏览器大小的时候,可能希望其中的Editor大小随着浏览器的变化而变化。SPAW Editor的默认width属性即是100%,所以我们需要考虑的是如何使用代码调整该控件的高度。

OK,假设页面上有一个ID为spawMain的服务器端SPAW Editor控件,我们如何使用浏览器端Javascript脚本控制该控件的高度呢?如果你有足够的基础和耐心,可以去阅读SPAW Editor .NET的源码;否则的话,还是祭出类似于IE Developer Toolbar之类的可以查看浏览器端HTML DOM的浏览器开发辅助工具吧。通过IE Developer Toolbar,我们可以很清楚地看到(图),无例外地SPAW Editor的编辑器主体也是一个iframe元素,通过观察,还可以发现这个iframe和该控件的工具栏、状态栏均是放置在table元素的单元格中,所以调整编辑器高度的问题就成了调整iframe这个元素的高度的问题了。在HTML页面中调整一个iframe元素的高度,我们需要知道这个iframe元素的id属性值,本例中,我们可以看到该iframe元素的id属性值为spawMain_rEdit,即格式为“[服务器端控件ID属性值]_rEdit”,位于目录spaw2/js/common/editor.js中的如下代码也验证了这一点:

//returns reference to outer iframe object (differs from getPageIfram in IE only)SpawEditor.prototype.getPageIframeObject=function(page_name)
{
returnthis.document.getElementById(page_name+'_rEdit');
}

好了,在浏览器端,我们可以通过以下Javascript代码更改元素的高度:

document.getElementById("[服务器端控件ID属性值]_rEdit").style.height=[要设置高度值];

转载于:https://www.cnblogs.com/waxdoll/archive/2009/02/02/spaw_editor_auto_height.html

SPAW Editor .NET Edition v.2乱用:使用代码调整编辑器高度相关推荐

  1. 编辑器漏洞 EWebedtitor FCKeditor spaw editor

    编辑器漏洞 简介 一般编辑器会嵌入在网站当中,由后台或者前台调用,进行内容的编辑.文件上传. 通常,网站的脚本语言和编辑器的脚本语言是相同的,即ASP的站点,其编辑器的脚本语言也是ASP:PHP.JS ...

  2. 【Java】 三国大乱斗部分代码

    [Java 三国大乱斗部分代码] 前言 一.游戏最终实现效果是什么? 二.游戏框架 三.游戏代码 1.GameFrame类 2.GamePanel类 3.ImageUtil类 4.LvBu类 5.Zh ...

  3. Learning the Vi Editor, 6th Edition学习笔记(0)

    文本编辑是任何一个计算机系统最普遍的应用之一,而Vi 是最有用的标准文本编辑器之一.我们可以使用Vi创建新的文件或者编辑任意存在的UNIX文本文件. 本书主要分为3部分,由12个章节和5个附录组成,详 ...

  4. idea调整代码标签编辑器标签editor tabs的横排和竖排

    第一,找到任意一个文件鼠标右击,然后选择Configure Editor Tabs,如下图所示, 第二,在tab placement中选择top/left/right/bottom等即可调整标签位置, ...

  5. 罗永浩新公司准备招人,AI写一篇代码文档只需2步,如何优雅地乱搞Python代码、一大波数学资料来袭!AI前沿论文 | ShowMeAI资讯日报

    ShowMeAI日报系列全新升级!覆盖AI人工智能 工具&框架 | 项目&代码 | 博文&分享 | 数据&资源 | 研究&论文 等方向.点击查看 历史文章列表, ...

  6. 百度UEditor在线编辑器

    UEditor API 文档 版本:1.2.4 UE.Editor 依赖 editor.js, UE.Utils, UE.EventBase, UE.browser, core/dom/dtd.js, ...

  7. vue移动端富文本编辑器vue-html5-editor

    简介 Intro Vue-html5-editor是一个Vue的富文本编辑器插件,简洁灵活可扩展,适用于vue2.0以上版本,支持IE11. Vue-html5-editor is an html5 ...

  8. eclipse安装图形界面插件

    为eclipse安装图形界面插件 1.直接去eclipse官网:http://www.eclipse.org/windowbuilder/ 点击Download: 2.查看eclipse版本,方法:H ...

  9. 【CKEditor5】CKEditor5相关问题

    问题解决 如图,这个样式没效果. 解决方法:因为没有导入css,导入css后,配置style插件就生效了. 问:你的css哪来的? 答:所有的样式与插件CXEditor5官网都可以找到. 配置的css ...

最新文章

  1. linux 文件拷贝并替换,Linux_cmd replace 文件替换使用说明,帮助信息: 复制代码 代码如 - phpStudy...
  2. js---PC端滑动进度条
  3. 【Android】MTK Android 编译命令
  4. scipy笔记:wishart (威沙特分布)
  5. boost::intrusive::smart_ptr用法的测试程序
  6. [推荐]番茄工作法——专治拖延症、精神涣散、再要五分钟综合症
  7. dot net操作sql服务器大全
  8. Managed keyedState中的ValueStateDescriptor与MapStateDescriptor
  9. RabbitMQ 死信/死信队列
  10. MVP模式在Android中的应用(附UML高清大图,使用RecyclerView举例)
  11. LeetCode--34.在排序数组中查找元素第一个和最后一个位置(二分法)
  12. VS当前不会命中断点 还没有为该文档加载任何符号
  13. 基于阿里云服务器+wordpress构建自己的网站(全过程系列,无需任何编程知识)
  14. Hive教程(08)- JDBC操作Hive
  15. cisco思科模拟器中断translating域名翻译快捷键
  16. 剑网3服务器地理位置,玩家理智分析服务器设置及地域划分
  17. 计算机是uefi启动 不能装win7,UEFI引导GPT安装win7方法
  18. 抓取1688商品图片|文描|视频|规格|属性等信息 并打包下载
  19. 信捷PLC程序 八轴程序,有伺服也有步进,内部有伺服和步进计算公式换算
  20. 【开源】从零构建NB-IOT物联网项目开发,代码实现功能:人体红外传感

热门文章

  1. VERITAS为中小企业提供数据保护、数据恢复和管理全面策略
  2. logrus 输出多个文件_Logrus源码阅读(1)基本用法
  3. php.exe占用资源过大,记录一次php占用系统资源过高的问题
  4. 试分别简述udp和tcp的特点_技术帖:污水处理中曝气设备的分类及特点小结
  5. 带父节点的平衡二叉树_Python算法系列—深度优先遍历算法【二叉树】
  6. 代码画简单动物_[500行代码学懂OpenGL]之六数学知识
  7. Java NIO学习篇之StandardOpenOption详解
  8. java并发编程之Thread.sleep方法详解
  9. 安装XDS110驱动时系统找不到指定文件
  10. 总线制和多线制示意图_火灾自动报警系统 总线制与多线制的区别