kindeditor的使用

在线富文本编辑器kindeditor配置(.Net Framework 3.5)

下载地址:http://kindeditor.net/down.php

解压放在项目要目录下,

在Bin目录下添加引用:LitJSON.dll

在页面头部加:

<link rel="stylesheet" href="../kindeditor-4.1.10/themes/default/default.css" />
    <link rel="stylesheet" href="../kindeditor-4.1.10/plugins/code/prettify.css" />
    <script charset="utf-8" src="../kindeditor-4.1.10/kindeditor.js"></script>
    <script charset="utf-8" src="../kindeditor-4.1.10/lang/zh_CN.js"></script>
    <script charset="utf-8" src="../kindeditor-4.1.10/plugins/code/prettify.js"></script>
    <script>
        KindEditor.ready(function (K) {
            var editor1 = K.create(‘#content1‘, {
                cssPath: ‘../kindeditor-4.1.10/plugins/code/prettify.css‘,
                uploadJson: ‘../kindeditor-4.1.10/asp.net/upload_json.ashx‘,
                fileManagerJson: ‘../kindeditor-4.1.10/asp.net/file_manager_json.ashx‘,
                allowFileManager: true,
                afterCreate: function () {
                    var self = this;
                    K.ctrl(document, 13, function () {
                        self.sync();
                        K(‘form[name=example]‘)[0].submit();
                    });
                    K.ctrl(self.edit.doc, 13, function () {
                        self.sync();
                        K(‘form[name=example]‘)[0].submit();
                    });
                }
            });
            prettyPrint();
        });
    </script>

页面内容:

<li class="t4"><asp:TextBox ID="content1" runat="server"  Width="1000" Height="600"  CssClass="textBox"></asp:TextBox></li>
                        <li class="t5">
                            <asp:Button ID="btnSend" runat="server" Text="上 传" CssClass="mBtn" OnClientClick="return CheckTextBox()" OnClick="btnSend_Click"/>
                        </li>
时间: 2024-10-12 17:32:00

kindeditor的使用的相关文章

Ext.net里面放置KindEditor富文本框(解决KindEditor不显示和后台取不到值的问题)

上周六,从上午10点到晚上12点终于搞定了Ext.net与KindEditor的兼容性问题.对于Ext.net的原理,我是菜鸟,表示不懂.我遇到的两个问题是,问题一是不显示KindEditor控件,通过ext:ResourceManager里面的 <DocumentReady Handler="createEditor();" /> 解决了,问题二是KindEditor控件的值传不会后台去,就是在前台也收不到值,但是我通过点击全屏按钮后就可以收到其值了,于是采用<Cl

kindeditor 手机端使用方法 使用kindeditor 4.1.7

在前端代码中加入 <link rel="stylesheet" href="/editors/themes/default/default.css" /> //地址按自己路径 <script charset="utf-8" src="/editors/kindeditor.js"></script> //地址按自己路径 <script charset="utf-8"

dedecms织梦富文本编辑器更换为kindeditor

本站所有附件均为UTF-8版本,GBK版本的童学请自行转码. 最终效果 首先,当然是先在kindeditor官方下载最新版本的kindeditor编辑器 目前最新版本是 KindEditor 4.1.10,下载解压,只要下面几个文件就行了,在你的dedecms程序include文件夹下,建个kindeditor文件夹,然后把解压出来的这几个文件放进去,最终结果是: 2.增加kindeitor图片上传处理文件到 include/dialog 百度盘 密码: v9a5 3.打开include/inc

jquery弹出下拉列表插件(实现kindeditor的@功能)

这几天有个工作需求,就是在富文本输入区域(kindeditor)可以有@功能,能够容易提示用户名的(像在qq群组@人一样).在网上找了一个叫bootstrap-suggest的插件,却不能满足我的需求,于是我决定在该插件上改良,主要是下面几点: 1. @内容的输入,能够匹配多个属性值. 2. 选中列表值后,是成块插入kindeditor的(方便删除,也利于区分文本). 3. 修正输入偶数关键字@功能失效问题. 前言 在一开始,我用bootstrap-suggest(https://github.

KindEditor提交用jquery获取不到数据的解决方法

http://www.douban.com/note/257795704/ 如果说用php接收的话,在HTML中这样写就可以了var editor;KindEditor.ready(function(K) {  editor = K.create('#editor_id');如果是用ajax方式提交的话,这样是获取不到数据的,最关键的是数据不同步在html页面中的javascript程序要这样写<script type="text/javascript">   KindEd

IE10、火狐浏、谷歌浏览器 KindEditor无法获取textarea值

http://e-mailwu.blog.163.com/blog/static/651040362013311160913/ 在IE10.火狐浏览器.谷歌浏览器下后台KindEditor在线编辑器无法获取textarea值. 解决办法如下: (测试版本号: 4.0.6 (2012-03-18)) 方法一: <link rel="stylesheet" href="WebEditor/themes/default/default.css" /><l

kindeditor添加插件

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果.说实话在使用这个编辑器以前,我也使用过别的编辑器,最后不是因为使用麻烦,就是因为程序太臃肿,而放弃使用,可是KindEditor不同,不仅结构小巧,而且功能强大,最主要的是它采用插件的开发管理方式,能很容易再它的基础上添加插件来实现自己的功能 本人在使用KindEditor过程中,随着使用时间的加长,发现KindEditor一个最大的缺陷,那就是不支持文件的上传,所以到网上搜了很多相关的资料,发现

kindeditor图片上传 struts2实现

一.kindeditor以及struts2部署搭建不再赘述,如需要请参考kindeditor使用方法 Struts2框架搭建 二.kindeditor图片上传所依赖jar包在kindeditor\jsp\lib下有 三.以下列出部分核心代码,如需要全部源码可点击下载(待上传) JSP <textarea id="editor_id" name="content" style="width:950px;height:300px;"> 这

将Ecshop后台fckeditor升级更改为kindeditor 4.1.10编辑器

ecshop在win8部分电脑上,不管用任何浏览器,都打不开,即使升级到最新版本都不行,问题应该吃在fckeditor兼容上.fckeditor 很久未升级,换掉该编辑器是最佳方法 第一步:下载kindeditor,下载地址为:http://www.kindsoft.net/down.php 下载最新版本的,现在是4.1.10 下载之后,把里面不要的语言和演示文件删除,有,asp.asp.net jsp和examples四个文件夹删掉. 把文件夹改名为:kindeditor,然后上传到根目录in

kindeditor更改图片上传时网络图片的路径

当我们想要使用kindeditor的图片上传功能时,有两种选择图片方式,一种是本地选择,一种是在图片空间中选择,图片空间的默认地址是服务器上的/kindeditor/attached/image/下面. 如果想要改变这个路径,需要找到/kindeditor/php/file_manager_json.php这个文件,然后可以看到下面几行: //根目录路径,可以指定绝对路径,比如 /var/www/attached/ $root_path = $php_path . '../attached/';