`
wensiqun
  • 浏览: 67850 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

KindEditor的setHeight方法

阅读更多

KindEditor默认是没有setHeight()方法的。通过一下方式添加setHeight方法

KindEditor.EditorClass.prototype.setHeight = function(height){
        var self = this;
        var tbar = $(self.container.children()[0]);
        var statusbar = $(self.container.children()[2]);
        var editHei = height - tbar.height() - statusbar.height();
        var edit = $(self.container.children()[1]);
        var editTxtares = $(edit.children()[1]);
        if(editHei > 0){
            edit.height(editHei);
            editTxtares.height(editHei);
        }
    };


文章出自http://wensiqun.iteye.com/blog/1733607

分享到:
评论

相关推荐

    kindeditor使用方法及实例

    以下是对KindEditor使用方法及实例的详细解析。 1. **安装与引入** 在使用KindEditor之前,你需要先下载其源代码包。下载完成后,将包含的CSS、JS文件引入到你的HTML页面中。通常,需要引入`kindeditor.js`主文件...

    asp.net KindEditor 4.1.10 使用方法

    KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript ...

    vue后台管理系统富文本组件(二)kindeditor

    <KindEditor :height="300" v-model="content"></KindEditor> ``` 在对应的脚本部分,定义`content`数据属性以存储编辑器的值。 ```javascript data() { return { content: '' } } ``` 4. **事件监听**...

    kindeditor最新版本的配置和使用入门、以及kindeditor读写数据库的方法、kindeditor的常见错误.doc

    KindEditor 是一款功能丰富的网页文本编辑器,常用于网站后台管理系统,允许用户通过浏览器进行文本格式化、图片上传、链接插入...了解其配置、数据库交互以及错误处理方法,可以帮助你更高效地集成和维护 KindEditor。

    kindeditor粘贴word文档内容时去除格式的方法

    为了解决上述问题,KindEditor提供了一种方法,即通过监听“paste”事件并使用插件来实现粘贴时去除Word文档格式的功能。具体实现步骤如下: 1. **添加插件**:首先,需要在KindEditor实例化时添加一个名为...

    kindeditor添加网络视频插件

    height: '500px', items: ['source', '|', 'video'], }); ``` 这里我们设置了编辑器的宽度、高度,并且在工具栏中添加了'video'按钮,用于插入视频。 3. **添加视频插件**: 插件是KindEditor扩展功能的关键。...

    kindeditor文本编辑插件

    下面我们将深入探讨KindEditor的一些主要功能和使用方法。 1. **富文本编辑功能**: KindEditor支持多种格式的文本编辑,包括字体、字号、颜色、对齐方式等基本排版操作。此外,还提供了插入图片、链接、表格、...

    kindeditor集成jmeditor公式HTML富文本编辑器

    在HTML页面中,通过JavaScript调用KindEditor的`create()`方法来实例化编辑器。 3. **添加JMathEditor插件**:将JMathEditor的插件文件放置在KindEditor的plugins目录下,并在KindEditor的配置中声明该插件。例如,...

    kindeditor图片上传携带token字段

    在IT行业中,编辑器是网页开发中不可或缺的一部分,KindEditor是一款功能强大且易于使用的开源JavaScript富文本编辑器。本文将详细讲解如何在KindEditor中实现图片上传时携带token字段,以确保数据的安全性和完整性...

    KindEditor 4.1.11网站实例

    KindEditor是非常好的富媒体文本编辑系统,短小精悍,可惜网上找到的都是有各种问题!一怒之下,我自己进行了修改和配置,搞成了一个网站示例.下载解压后,可以直接运行!!完全无问题.! Kindeditor版本好像官方2012年之后就...

    kindeditor_kindeditor_截图_

    1. **KindEditor 结构**:KindEditor 主要由若干个核心 JavaScript 文件组成,如 `kindeditor-all.js`、`kindeditor-min.js`、`kindeditor-all-min.js` 和 `kindeditor.js`。这些文件包含了编辑器的主要功能代码,...

    KindEditor 4.1.10 (2013-11-23)

    使用方法: 1. 解压zip文件,将所有文件复制到IIS的wwwroot/kindeditor目录下。 2. 将kindeditor/asp.net/bin目录下的dll文件复制到wwwroot/bin目录下。 3. 打开浏览器,输入http://localhost:[P0RT]/kindeditor/...

    Kindeditor使用.pdf

    本文将深入探讨KindEditor的安装与使用方法,帮助开发者快速掌握这一工具。 #### 二、安装步骤 1. **下载最新版本**:访问KindEditor官方网站或GitHub仓库下载最新版本的压缩包。 2. **上传文件**:解压压缩包后,...

    kindeditor

    height: '400px' }); ``` 3. **配置编辑器**:根据需要设置编辑器的各项参数,例如: ```javascript KindEditor.create('#editor-id', { allowFileManager : true, // 开启文件管理器 uploadJson : '/upload...

    kindeditor文本编辑器实例(包含本地图片上传及浏览服务器方法)

    这涉及到编辑器的JavaScript API,通过调用`addButton`方法来添加新的按钮,并指定按钮的图标、名称、点击事件等属性。自定义按钮可以绑定特定的函数,例如执行一段JavaScript代码或发送Ajax请求,以实现特定的业务...

    kindeditor特殊符号被转义

    kindeditor特殊符号被转义 kindeditor 编辑器添加图片、flash,还有视频时路径出错

    kindeditor示例

    例如,你可以创建一个`SaveContentAction`类,包含一个`String content`属性,并重写`execute`方法: ```java public class SaveContentAction extends ActionSupport { private String content; public void ...

    kindEditor批量传图配置

    height:300px;">'д' ``` 2. **创建编辑器实例** 使用JavaScript创建编辑器实例,并配置必要的参数。 ```javascript var editor; KindEditor.ready(function(K) { editor = K.create('#content1', { ...

    kindeditor图片上传后生成带域名绝对路径配置及提交空格无法保存解决方法

    ### KindEditor 图片上传后生成带域名绝对路径配置方法 #### 一、KindEditor简介与配置背景 KindEditor是一款基于JavaScript的开源富文本编辑器,它具有轻量级且易于集成的特点,在许多Web项目中被广泛应用。对于...

Global site tag (gtag.js) - Google Analytics