以下资料有参考网上其它童鞋作品，原作者看到务喷!!!!

以下资料有参考网上其它童鞋作品，原作者看到务喷!!!!

重要的事只要说两遍。。。

网上找了几天关于WinForm富文本编辑效果都不理想，各种坑，直到看到网上某个童鞋作品。

经过改进之后效果还不错。

效果如下

 

务求源码，自已动手丰衣足食！！！！

第一步 配置KindEditor

官方下载 kindeditor http://kindeditor.net/down.php

只解压这些文件，当然还可以精简只是没功夫懒得研究了。

因为WinForm程序权限大得很，不可能为了选图片再配一个IIS来上传，所以去掉自带上传功能。

打开：kindeditor\plugins\image.js

查找 if (showLocal && showRemote && tabs && tabs.selectedIndex === 1 || !showRemote) {

注释掉里面的东西

					// insert local image

					if (showLocal && showRemote && tabs && tabs.selectedIndex === 1 || !showRemote) {

                                                //跳过上传

						//if (uploadbutton.fileBox.val() == '') {

						//	alert(self.lang('pleaseSelectFile'));

						//	return;

						//}

						//dialog.showLoading(self.lang('uploadLoading'));

						//uploadbutton.submit();

						//localUrlBox.val('');

						//return;

					}

查找 uploadbutton.fileBox.change(function (e) {

修改成如下

               //浏览文件事件

		uploadbutton.fileBox.change(function (e) {

		    urlBox.val(uploadbutton.fileBox.val());//把选中的图片赋值给网络图片地址

		    localUrlBox.val(uploadbutton.fileBox.val());

		    K(".ke-tabs-li", div)[0].click();//切换到网络图片

		    K(".ke-refresh-btn", div).click();//点击刷新图片大小

		});

这样就取消上传这个步骤。

第二步 配置调用HTML文件

创建一个HTML文件命名随意，如：WinForm.Html

<!doctype html>

<html>

<head>

    <meta charset="utf-8" />

    <title>Html Editor</title>

    <script charset="utf-8" src="kindeditor-min.js"></script>

    <script charset="utf-8" src="lang/zh_CN.js"></script>

    <script>

        window.onerror = function () { return true; };

        var editor;

        KindEditor.ready(function (K) {

            editor = K.create('#content', {

                allowFileManager: false,

                allowImageUpload: false,

                items: [

                    'source', '|', 'undo', 'redo', '|', 'formatblock', 'fontname', 'fontsize', '|',

                    'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', '|',

                    'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', '|',

                    'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'lineheight', '|',

                    'removeformat', 'clearhtml', 'quickformat', 'image', 'table', 'hr', 'link', 'unlink'

                ],

                imageTabIndex : 1, //点击上传图片按钮默认显示标签，1为本地上传，默认为0网络图片

                resizeType:0,//0不能拉伸

                //fullscreenMode: true,//全屏显示

                allowImageUpload: true//true时显示本地上传

            });

        });

        //设置内容

        function setContent(content) {

            if (editor) {

                editor.html(content);

            }

        }

        //获取内容

        function getContent() {

            if (editor) {

                return editor.html();

            }

        }

    </script>

</head>

<body style="margin:0;overflow:hidden;">

        <textarea id="content" style="display: block;width:99.8%;height:510px;visibility:hidden;"></textarea>

</body>

</html>

　　

第三步 C# WinForm调用HTML文件

namespace 命名空间

{

    [ComVisible(true)]//这句很重要

    public partial class Form1 : Form

    {

            this.webBrowser1.Url = new System.Uri(Application.StartupPath + "\\kindeditor\\WinForm.html", System.UriKind.Absolute);

            this.webBrowser1.ObjectForScripting = this;

　　

设置内容：

 this.webBrowser1.Document.InvokeScript("setContent", new object[] { body });

　　

获取内容：

 string body = webBrowser1.Document.InvokeScript("getContent").ToString();//

　　

上面两个方法实际上是调用了WinForm.Html文件里面的方法

 //设置内容

        function setContent(content) {

            if (editor) {

                editor.html(content);

            }

        }

        //获取内容

        function getContent() {

            if (editor) {

                return editor.html();

            }

        }

　　

常见报错处理：

如果不加 [ComVisible(true)] 会报错。

C# WinForm 富文本编辑器 用kindeditor实现本地图片只选取不上传到编辑器的更多相关文章

  1. Selenium常用API用法示例集----下拉框、文本域及富文本框、弹窗、JS、frame、文件上传和下载

    元素识别方法.一组元素定位.鼠标操作.多窗口处理.下拉框.文本域及富文本框.弹窗.JS.frame.文件上传和下载 元素识别方法: driver.find_element_by_id() driver ...

  2. Kindeditor+web.py+SAE Storage 实现文件上传 - 开源中国社区

    Kindeditor+web.py+SAE Storage 实现文件上传 - 开源中国社区 Kindeditor+web.py+SAE Storage 实现文件上传

  3. PHP UEditor富文本编辑器 显示 后端配置项没有正常加载，上传插件不能正常使用

    UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 问题描述 我的编辑器在本地测试的时候没问 ...

  4. 让富文本编辑器支持复制doc中多张图片直接粘贴上传

    Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? 我希望打开文档doc直接复制粘贴到富文本编辑器,直接发布 感觉这个似乎很困难 ...

  5. UILabel富文本 段落格式以及UILabel添加图片

    之前文本整理有一点乱,这边重新整理一下,下面是效果图,一共两个UILabel, 富文本整理: /*NSForegroundColorAttributeName设置字体颜色,对象UIColor; NSP ...

  6. vue v-html 富文本解析 空格，换行，图片大小问题

    1.保留空格,换行属性 //保留换行空格问题 white-space: pre-wrap; 2.超出部分,强制换行,一般用于数字 //富文本换行 word-wrap: break-word; tabl ...

  7. 富文本粘贴word文档内容图片处理

    公司做的项目要用到文本上传功能. 网上找了很久,大部分都有一些不成熟的问题,终于让我找到了一个成熟的项目. 下面就来看看: 1.打开工程: 对于文档的上传我们需要知道这个项目是否符合我们的初衷. 运行 ...

  8. asp.net 百度编辑器 UEditor 上传图片 图片上传配置 编辑器配置 网络连接错误，请检查配置后重试

    1.配置ueditor/editor_config.js文件,将 //图片上传配置区 ,imageUrl:URL+"net/imageUp.ashx" //图片上传提交地址 ,im ...

  9. 解决：百度编辑器UEditor，怎么将图片保存到图片服务器，或者上传到ftp服务器的问题（如果你正在用UE，这篇文章值得你看下）

    在使用百度编辑器ueditor的时候,怎么将图片保存到另一个服务器,或者上传到ftp服务器?这个问题,估计很多使用UE的人会遇到.而且我百度过,没有找到这个问题的解决方案.那么:本篇文章就很适合你了. ...

随机推荐

  1. Javascript面向对象编程（三）：非构造函数的继承

    转载自:http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_continued.html 一.什 ...

  2. spring - boot 监控管理模块搭建

    Spring-Actuator是Spring-boot对应用监控的集成模块,提供了我们对服务器进行监控的支持,使我们更直观的获取应用程序中加载的应用配置.环境变量.自动化配置报告等. 使用Spring ...

  3. Algorithm --> 阶乘和因子

    阶乘和因子 要求:输入正整数n(1<n <101), 把阶乘n!=1x2x3x...xn分解成素因子相乘的形式,从小到大输出各个素数(2,3,5,...)的指数. 例如825=3x52x1 ...

  4. 关于php日期前置是否有0

    例如:2018-01-04,这个日期和月份前置是有0 如果不想有0,date( 'y-n-j',time() ):默认的是date( 'y-m-d',time() ),这个日期和月份前置是有0. da ...

  5. 团队作业7——第二次项目冲刺（Beta版本12.08-12.10）

    1.当天站立式会议照片 本次会议内容:1:每个人汇报自己完成的工作.2:组长分配各自要完成的任务. 2.每个人的工作 黄进勇:项目整合,后台代码. 李勇:前台界面优化. 何忠鹏:数据库模块. 郑希彬: ...

  6. 第一部分 linux系统命令

    一.linux系统命令 pwd 当前目录位置 / 根目录 cd (change direcory) cd ..返回上一层目录 ls 显示当前目录下文件 ls -l 显示目录下详细文件信息 ls -lh ...

  7. Flask-uploads 简单使用

    pip install flask-uploads#先导入次此处需要用到的库: from flask_uploads import UploadSet, IMAGES, configure_uploa ...

  8. CentOS7安装配置iptables防火墙

    转载请注明出处:http://blog.csdn.net/l1028386804/article/details/50779761 CentOS7默认的防火墙不是iptables,而是firewall ...

  9. 用Java语言实现简单的词法分析器

    编译原理中的词法分析算是很重要的一个部分,原理比较简单,不过网上大部分都是用C语言或者C++来编写,笔者近期在学习Java,故用Java语言实现了简单的词法分析器. 要分析的代码段如下: 输出结果如下 ...

  10. js判断IE浏览器版本（IE8及以下）

    var DEFAULT_VERSION = 8.0; var ua = navigator.userAgent.toLowerCase(); var isIE = ua.indexOf("m ...