SNF飞速支付平台MVC-富文本控件集成了百度开源项目editor

① 、效果如下:

EasyUI 1

二 、在框架个中调用代码如下:

  1.在js里布署如下:

        

 1  <script type="text/javascript">      
 2            var viewModel =function(data){
 3                 var self = this;
 4                 snf.viewModel.admin.edit.apply(this, arguments);      
 5                 //保存前取值
 6                 this.BeforeSave = function(){
 7                     self.form.Description(UE.getEditor('editor').getContent());
 8                 };
 9                 $(function () {
10                     window.onload = function () { 
11                         //实例化编辑器
12                         //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
13                         var ue = UE.getEditor('editor', {
14                             toolbars: [
15                                 ['fullscreen', 'source', 'undo', 'redo', 'bold']
16                             ],
17                             zIndex: 10 //处理被遮挡问题
18                         });
19 
20                         //加载数据
21                         UE.getEditor('editor').setContent(self.form.Description(), false);
22                     }
23                 });
24 
25             }
26             using(['combobox','datebox','datetimebox','numberbox'],easyuifix.datagrid_editor_extend);
27             var data = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model));           
28             ko.bindingViewModel(new viewModel(data));
29           
30         </script>

 

  2.在chtml页面配置写如下代码:

<script id="editor" type="text/plain" style="width:600px;height:175px;"></script>

对没错便是那般简约!

 


作者: 王金斗
出处: http://www.cnblogs.com/spring_wang/
Email: spring_best@yeah.net
QQ:903639067 
QQ群:322581894

 这一个连串教程文书档案,欢迎转发:

SNF急速支付平台WinForm-CS甘特图http://www.cnblogs.com/spring_wang/p/7418423.html

SNF快捷支付平台MVC-审核流,审核完毕后会给下三个审核人发邮件,下四个审核人能够不记名系列,在邮件里进行理并答复核处理http://www.cnblogs.com/spring_wang/p/7418402.html

SNF快捷支付平台MVC-名片管理(实际名片样式) http://www.cnblogs.com/spring_wang/p/7416540.html

SNF快捷支付平台MVC-表格单元格合并组件http://www.cnblogs.com/spring_wang/p/7416368.html

SNF火速支付平台MVC-单据状态水印http://www.cnblogs.com/spring_wang/p/7416349.html

SNF连忙支付平台MVC-瀑布式分页组件http://www.cnblogs.com/spring_wang/p/7411116.html

SNF火速支付平台MVC-高级查询组件http://www.cnblogs.com/spring_wang/p/7411113.html

SNF快速支付平台MVC-自由排序组件http://www.cnblogs.com/spring_wang/p/7411090.html

SNF急速支付平台MVC-各个级联绑定格局,演示样例程序(包括表单和表格控件)http://www.cnblogs.com/spring_wang/p/7405371.html

SNF快捷支付平台MVC-集成了百度开源项目echarshttp://www.cnblogs.com/spring_wang/p/7405171.html

SNF快捷支付平台WinForm-平板拍照及扫描二维码成效http://www.cnblogs.com/spring_wang/p/7404600.html

SNF快捷支付平台WinForm规则引擎全体介绍及运用http://www.cnblogs.com/spring\_wang/p/7404182.html

SNF火速支付平台WinForm-Grid表格控件大全http://www.cnblogs.com/spring_wang/p/7403881.html

SNF快捷支付平台WinForm-表单验证控件-通用http://www.cnblogs.com/spring_wang/p/7403750.html

SNF.CodeGenerator-升级生成BS页面代码-帮忙视图-数据库配置-火速开发者的利器http://www.cnblogs.com/spring_wang/p/7402612.html

SNF赶快支付平台WinForm-审核流使用办法样例http://www.cnblogs.com/spring_wang/p/7374176.html

SNF火速支付平台WinForm-EasyQuery计算分析-效果-很是牛逼的表格查询工具http://www.cnblogs.com/spring_wang/p/7366059.html

SNF快捷支付平台MVC-Grid++集成打字与印刷http://www.cnblogs.com/spring_wang/p/7365567.html

SNF快捷支付平台MVC-富文本控件集成了百度开源项目editorhttp://www.cnblogs.com/spring_wang/p/7365265.html

C#按回车Enter使输入大旨自动跳到下二个TextBox的不二法门收集http://www.cnblogs.com/spring_wang/p/7216538.html

有关系统前端开发的这一个事http://www.cnblogs.com/spring_wang/p/7092721.html

EasyUI,WebApi和MVC-controller层接收的json字符串的取值方法和调用后台服务方法http://www.cnblogs.com/spring_wang/p/6740314.html

SNF神速支付平台–规则引擎在先后个中怎样调用http://www.cnblogs.com/spring_wang/p/6740490.html

SNF飞速支付平台–规则引擎介绍和动用文书档案http://www.cnblogs.com/spring_wang/p/6740445.html

SNF连忙支付平台MVC-EasyUI3.9之-DataGrid表格控件怎么着充实右键菜单http://www.cnblogs.com/spring_wang/p/6740338.html

SNF神速支付平台–多组织+多平台+多系统处理方案http://www.cnblogs.com/spring_wang/p/6734654.html

SNF神速支付平台MVC-EasyUI3.9之-Session过期处理和页面请求筛选http://www.cnblogs.com/spring_wang/p/6733975.html

SNF飞速支付平台MVC-EasyUI3.9之-WebApi身份验证问题一下子就解决了方案http://www.cnblogs.com/spring_wang/p/6733814.html

SNF神速支付平台MVC-EasyUI3.9之-WebApi跨域处理方案http://www.cnblogs.com/spring_wang/p/6733659.html

SNF火速支付平台MVC-EasyUI3.9之-ueditor富文本编辑在 asp.net
MVC下使用手续
http://www.cnblogs.com/spring_wang/p/6710351.html

SNF开发平台WinForm之十五-时间轴控件使用-http://www.cnblogs.com/spring\_wang/p/6285393.html

SNF开发平台WinForm之十四-站内发送系统新闻http://www.cnblogs.com/spring\_wang/p/6140031.html

SNF开发平台WinForm之十三-单独从服务器上得到PDF文件进行体现http://www.cnblogs.com/spring_wang/p/6140025.html

SNF开发平台WinForm之十二-发送手提式有线电话机短信功效调用http://www.cnblogs.com/spring_wang/p/6139829.html

SNF开发平台WinForm之十一-程序打包http://www.cnblogs.com/spring_wang/p/6139827.html

SNF开发平台WinForm之十-Excel导入http://www.cnblogs.com/spring_wang/p/6128604.html

SNF开发平台WinForm之九-代码生成器使用验证http://www.cnblogs.com/spring_wang/p/6128595.html

SNF开发平台WinForm之八-自动升级程序计划使用表明http://www.cnblogs.com/spring_wang/p/6128570.html

SNF开发平台WinForm之七-单据打字与印刷和应用验证http://www.cnblogs.com/spring_wang/p/6126016.html

SNF开发平台WinForm之六-上传下载组件使用http://www.cnblogs.com/spring\_wang/p/6125929.html

SNF开发平台WinForm之五-高级查询利用表明-http://www.cnblogs.com/spring\_wang/p/6116640.html

SNF开发平台WinForm之四-开发-主细表管理页面-http://www.cnblogs.com/spring\_wang/p/6116626.html

SNF开发平台WinForm之三-开发-单表选用控件创造-http://www.cnblogs.com/spring\_wang/p/6116592.html

SNF开发平台WinForm之二-开发-单表表单管理页面-http://www.cnblogs.com/spring\_wang/p/6116572.html

SNF开发平台WinForm之一-开发-单表表格编辑管理页面-http://www.cnblogs.com/spring\_wang/p/6116523.html

Winform开发框架之通用Windows录像头调用拍照http://www.cnblogs.com/spring_wang/p/6008674.html

Winform开发框架之图表报表在线设计器2-图表-SNF.EasyQuery项目–SNF火速支付平台3.3-Spring.Net.Framework

Winform开发框架之图表报表在线设计器-报表-SNF.EasyQuery项目–SNF赶快支付平台3.3-Spring.Net.Framework

Winform开发框架之通用附属类小部件管理模块
–SNF急迅支付平台3.3-Spring.Net.Framework

SNFAutoupdater通用自动升级组件V2.0-WinForm

SNF急速支付平台3.2之–.Net可扩充的票子编号生成器-SNF.CodeRule

SNF快速支付平台3.1之–审核流(3)低调奢华,不难不凡,实例演示-SNF.WorkFlow

SNF赶快支付平台3.1之–审核流(2)流程设计-SNF.WorkFlow成效使用验证

SNF急忙支付平台3.1之–审核流(1)SNF.WorkFlow审核流简介

SNF神速支付平台3.0之–完美的代码生成器SNF.CodeGenerator-快捷开发者的利器

依据MVC4+EasyUI的Web开发框架–Spring.Net.FrameworkV3.0全体介绍

SNF火速支付平台3.0之–MVC
打字与印刷消除方案

SNF连忙支付平台3.0之–文件批量上传-统一附属类小部件管理器-在线预览文件(有互连网和没有三种)

SNF快速支付平台3.0之–asp.net mvc4
强大的导出和不必要上传文件的批量导入EXCEL

SNF快捷支付平台3.0之MVC通用控件库体现-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF火速支付平台3.0之BS页面展现和九大优点-部分页面呈现效果-Asp.net+MVC4.0+WebAPI+EasyUI
+Knockout

SNF急忙支付平台3.0之-界面天性化配置+10种皮肤+7种菜单-Asp.net+MVC4.0+WebAPI+EasyUI+Knockout

SNF快速支付平台3.0之-CS页面-Asp.net+Spring.Net.Framework

SNF急速支付平台3.0之–系统里播放的效应–快捷及时、简明扼要的把音讯发送给接收者