RDIFramework.NET ━ .NET快速信息化系统开发框架 V3.2->Web版本“产品管理”事例编辑界面新增KindEditor复文本编辑控件

　　KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写，可以无缝的于Java、.NET、PHP、ASP等程序接合。KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用，2006年7月首次发布2.0以来，KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率，目前在国内已经成为最受欢迎的编辑器之一。

　　我们在开始过程中经常需要富文本框的支持，应有些客户的需求，在案例模块“产品管理”中增加了对KindEditor富文本框控件的支持。KindEditor富文本框控件的下载地址在文章的最后，需要的用户可以下载。

　　产品管理主界面如下图所示：

　　在产品管理主界面单击编辑按钮，打开产品编辑界面，在编辑界面的描述字段我们就用了KindEditor控件，如下图所示：

　　使用方法如下图代码所示：

　　1、引用KindEditor控件相关css与js到界面中，如下：

2、定义需要设置为KindEditor控件的html控件，如下：

　　</pre>

<p style="margin-left: 30px"><span style="font-size: 15px">3、在界面加载时指定关联，如下代码：</span><span style="font-size: 15px"> </span></p>

<pre class="brush:javascript;gutter:true;"><script type="text/javascript">
        $(function(){
                window.editor = KindEditor.create('#PRODUCTDESCRIPTION', {
                resizeType: 1,
                width: '500px',minWidth:'490px',height:'50px',
                urlType: 'domain', // 带有域名的绝对路径
                allowFileManager: false,
                items: ['source', 'undo', 'redo', 'wordpaste', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist', 'formatblock', 'fontname', 'fontsize', 'forecolor', 'bold', 'italic', 'table', 'link', 'unlink', 'image']
            });
        });    
</script>	　　</pre>

<p style="margin-left: 30px"><span style="font-size: 15px">4、对于具体的KindEditor控件的各参数与属性说明可以参考该控件的官方网站说明即可。</span> </p>

<p> <strong>相关文章：</strong> 　 　　</p>
<p class="p0">  　  <span lang="EN-US">KindEditor<span lang="EN-US"><span lang="EN-US">富文本框控件<span lang="EN-US">下载地址</span></span></span></span></p>
<p class="p0">  　  <span lang="EN-US">KindEditor<span lang="EN-US"><span lang="EN-US">富文本框控件<span lang="EN-US">在线测试地址</span></span></span></span></p>
<p class="p0"><strong>  　  RDIFramework 平台代码生成器V3.2 发布版</strong> </p>
<p class="p0"><strong>　　 </strong>RDIFramework.NET — 基于.NET的快速信息化系统开发框架 — 系列目录  </p>
<p class="p0"><span lang="EN-US">　　 RDIFramework.NET ━ .NET<span lang="EN-US"><span lang="EN-US">快速信息化系统开发框架 ━ <span lang="EN-US"><span lang="EN-US">工作流程组件介绍</span></span></span></span> <span lang="EN-US">　　</span></span></p>
<p>　　实例演示使用RDIFramework.NET 框架的工作流组件进行业务流程的定义—请假申请流程-Web</p>
<p>　　RDIFramework.NET ━ .NET快速信息化系统开发框架 ━ 工作流程组件Web业务平台</p>
<p align="left"><strong>　　一路走来数个年头，感谢RDIFramework.NET框架的支持者与使用者，大家可以通过下面的地址了解详情。</strong> </p>
<p align="left"><strong>      RDIFramework.NET官方网站：</strong>http://www.rdiframework.net/ </p>
<p align="left"><strong>      RDIFramework.NET官方博客：</strong>http://blog.rdiframework.net/ </p>
<p>      同时需要说明的，以后的所有技术文章以官方网站为准，欢迎大家收藏！ </p>
<p>      <strong>RDIFramework.NET</strong><strong>框架由专业团队长期打造、一直在更新、一直在升级，请放心使用！</strong>  </p>
<p><strong>       </strong>欢迎关注RDIFramework.net框架官方公众微信（微信号：guosisoft），及时了解最新动态。</p>
<p><strong>       </strong>扫描二维码立即关注</p>
<p></p>
						  
					  </div>
						<!--conend-->
							<div class="p-2"></div>

						<div class="arcinfo my-3 fs-7 text-center">
							
							
			<a href='/t/etagid3314-0.html' class='tagbtn' target='_blank'>.NET技术</a><a href='/t/etagid26145-0.html' class='tagbtn' target='_blank'>RDIFramework.NET</a><a href='/t/etagid573-0.html' class='tagbtn' target='_blank'>web前端</a><a href='/t/etagid26150-0.html' class='tagbtn' target='_blank'>JqueryEasyUI</a><a href='/t/etagid7088-0.html' class='tagbtn' target='_blank'>快速开发框架</a><a href='/t/etagid32-0.html' class='tagbtn' target='_blank'>JavaScript</a>							
						



						</div>
						
						<div class="p-2"></div>

						

						
					</div>
					<div class="p-2"></div>
					<!--xg-->
					<div class="lbox p-4 shadow-sm rounded-3">
						<div class="boxtitle"><h2 class="fs-4">相关</h2></div>
						
<hr>				
						
			<div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-564695.html">javascript基础知识(29) 实现继承的方式</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-558708.html">7个有用的JavaScript技巧</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-558091.html">JavaScript跳出嵌套循环</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-557320.html">web前端面试题</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-556053.html">JavaScript常用对象介绍</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-555213.html">JavaScript学习day03</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-554796.html">推荐12个最好的 JavaScript 图形绘制库</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-554786.html">javascript模板字符串（反引号）</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-554315.html">javascript 新版本的语法（ECS6）</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-553059.html">javascript设计模式阅读后的感悟与总结</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-551895.html">【译】理解JavaScript中的柯里化</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div><div class="row g-0 py-2 border-bottom align-items-center">
																
								<div class="col-7 col-lg-11 border-lg-end">
										<h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-551134.html">javascript性能优化</a></h3>
									
									<div class="ltag fs-8 d-none d-lg-block">
								 

        </div>
								</div>
							
							</div>            
            
            <!---->
                                    
           <!---->
  			
						

					</div>
					<!--xgend-->
				</div>

				<div class="col-lg-3 col-12 p-0 ps-lg-2">
					<!--box-->									
					<!--boxend-->
					<!--<div class="p-2"></div>-->

					<!--box-->
									<div class="lbox p-4 shadow-sm rounded-3">
					
									   <div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div>
										<div class="clearfix"></div>
										<ul class="m-0 p-0 fs-7 r-tag">
										</ul>
									

										
										<div class="clearfix"></div>
									</div>
					<!--box end-->

					
				</div>

			</div>
		
		
		
		</div>	

</main>
						<div class="p-2"></div>
<footer>
<div class="container-fluid p-0 bg-black">
	<div class="container p-0  fs-8">
	<p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p>
	</div>	
</div>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</footer>
		
<script src="/skin/bootstrap.bundle.js"></script>

</body>
</html>