文档章节

kindeditor使用方法

c
 cmsj
发布于 2016/03/31 14:41
字数 216
阅读 37
收藏 1

1,首先在html文件中添加一个textarea组件,
<textarea class="form-control" style="width: 100%; height: 150px; margin: 0 auto;" id="content" name="content" rows="10" ng-model="mail.content"></textarea>

2,在js文件中引用该Kindeditor的js文件,定义一个editor,并邦定到html文件中定义的textarea控件,
        var editor=KindEditor.create("textarea[name='content']",{
            allowFileManager:false,
            resizeType:0,
            width:"100%",
            height:"100%",
            uploadJson:"../sendBox/upload",
            afterBlur:function(){
                this.sync();
            }
        });

如果是用在模态对话框中使用kindeditor,需要在显示前重新动态创建一个,才能正常使用:
        $(".newMail").click(function(){
            $scope.mail={};
            $("#editWind").modal("show");

            var editor=KindEditor.create("textarea[name='content']",{
                allowFileManager:false,
                resizeType:0,
                width:"100%",
                height:"100%",
                uploadJson:"../sendBox/upload",
                afterBlur:function(){
                    this.sync();
                }
            });
        });

如果是在模态对话框中使用kindeditor,需要在隐藏的方法中移除该组件邦定的控件,否则下次显示时不能正常使用:
        $(".cancel").click(function(){
            $("#editWind").on("hidden",function(){
                KindEditor.remove("#content");
            });
            $("#editWind").modal("hide");
        });

© 著作权归作者所有

上一篇: 4.1
下一篇: 4.1
c
粉丝 0
博文 2
码字总数 218
作品 0
广州
私信 提问
KindEditor在thinkphp上的使用方法

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,且兼容主流浏览器。与ueditor这样的大块头相比,KindEditor的优点是不言而喻的--它体积小,加载速...

网菠萝果
2012/11/20
2.5K
0
.NET快速信息化系统开发框架 V3.2->Web版本“产品管理”事例编辑界面新增KindEditor复文本编辑控件

  KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写,可以无...

80368704
2018/06/29
0
0
kindeditor增加了一个商业授权,可能需要调整概述

KindEditor 默认在 LGPL 开源授权协议下发布,免费使用 KindEditor 必须遵守 LGPL 开源授权协议。 同时,KindEditor 为商业用户准备了 商业授权协议,获得商业授权之后,不受 LGPL 开源授权协...

戴威
2011/04/26
695
6
kindeditor php修改上传文件的保存路径

Kindeditor 是一款开源的html编辑器。 我使用的是php版本,修改路径的文件在/kindeditor/php/下的upload_json.php中。 第17行这: //文件保存目录路径$savepath = $phppath . '../attached/'...

Jceee
2014/04/10
2.6K
1
kindeditor编辑器不支持IE6内核的浏览器? 在线等......

kindeditor编辑器不支持IE6内核的浏览器? kindeditor编辑器不支持IE6内核的浏览器? kindeditor编辑器不支持IE6内核的浏览器? kindeditor编辑器不支持IE6内核的浏览器? kindeditor编辑器不支持...

rational
2012/05/24
2.4K
8

没有更多内容

加载失败,请刷新页面

加载更多

Spring Cloud 笔记之Spring cloud config client

观察者模式它的数据的变化是被动的。 观察者模式在java中的实现: package com.hxq.springcloud.springcloudconfigclient;import org.springframework.context.ApplicationListener;i...

xiaoxiao_go
今天
4
0
CentOS7.6中安装使用fcitx框架

内容目录 一、为什么要使用fcitx?二、安装fcitx框架三、安装搜狗输入法 一、为什么要使用fcitx? Gnome3桌面自带的输入法框架为ibus,而在使用ibus时会时不时出现卡顿无法输入的现象。 搜狗和...

技术训练营
今天
4
0
《Designing.Data-Intensive.Applications》笔记 四

第九章 一致性与共识 分布式系统最重要的的抽象之一是共识(consensus):让所有的节点对某件事达成一致。 最终一致性(eventual consistency)只提供较弱的保证,需要探索更高的一致性保证(stro...

丰田破产标志
今天
7
0
docker 使用mysql

1, 进入容器 比如 myslq1 里面进行操作 docker exec -it mysql1 /bin/bash 2. 退出 容器 交互: exit 3. mysql 启动在容器里面,并且 可以本地连接mysql docker run --name mysql1 --env MY...

之渊
今天
7
0
python数据结构

1、字符串及其方法(案例来自Python-100-Days) def main(): str1 = 'hello, world!' # 通过len函数计算字符串的长度 print(len(str1)) # 13 # 获得字符串首字母大写的...

huijue
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部