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

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

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

网上找了几天关于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. jenkins忘记密码怎么办？

    在nginx配置文件中加上域名访问,重定向到本机的8080端口. server { listen 80; server_name tomcat.qinyj.top; root /application ...

  2. centos7环境下mysql5.7的安装与配置

    最近无事闲来折腾虚拟机,以前都是折腾云服务器,现在自己捣捣.看到mysql的教程蛮好的,准备做个笔记.原文来自mysql5.7的安装与配置(centos7环境) 第一步:下载mysql [root@M ...

  3. SQL 数据库连续插入大批量数据时超时

    经常会处理大批量千万级的数据,一直以来都没问题.最近在处理时确出来了经常超时,程序跑一段时间就得停下来重启服务器,根据几次的调整发现了问题的所在,产生这类问题主要是以下几点所导致:      1.数据 ...

  4. css中的背景色渐变以及背景图的定位

    单纯的背景色渐变: background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #fff), color-stop(1, #ddd) ...

  5. 关于伪类after后续追加，实现js事件（如点击事件）

    实现情况为:点击"编辑"后,"编辑"文字变成"完成",再点击伪类元素后的"完成",此时的"完成"应该 ...

  6. 网易云音乐APP分析

    网易云音乐-感受音乐的力量 你选择的产品是?  网易云音乐 为什么选择该产品作为分析? 之前用的一直是QQ音乐,但是有一天一个朋友分享了一首网易云上的音乐(顺便分享一下歌名:Drop By Drop) ...

  7. C语言博客作业—一二维数组

    一.PTA实验作业 题目1:7-2 求整数序列中出现次数最多的数 1. 本题PTA提交列表 2. 设计思路 Begin 输入整数个数N 定义数组a[N] 输入数组a for(i 0 to N-1){/ ...

  8. Alpha冲刺Day9

    Alpha冲刺Day9 一:站立式会议 今日安排: 经过为期5天的冲刺,基本完成企业人员模块的开发.因第三方机构与企业存在委托的关系.第三方人员对于风险的自查.风险列表的展示以及自查风险的统计展示(包 ...

  9. zookeeper提示Unable to read additional data from server sessionid 0x

    配置zookeeper集群,一开始配置了两台机器server.1和server.2. 配置参数,在zoo.cfg中指定了整个zookeeper集群的server编号.地址和端口: server.1=1 ...

  10. bzoj千题计划220：bzoj3938: Robot

    http://www.lydsy.com/JudgeOnline/problem.php?id=3938 以时间为x轴,以距离为y轴,那么每个机器人的行走路径就是一条折线 把折线分段加入线段树里,然后 ...