读取模板,放到ueditor中进行编辑

@model WeiXin_Shop.Models.WX_GoodsDetails

@Html.Partial("_MasterPage")

@{

ViewBag.Title = "Edit";

}

@using (Html.BeginForm())

{

@Html.ValidationSummary(true)

@Html.HiddenFor(model => model.id)

@Html.LabelFor(model => model.htmlStr)

模板:模板事例

@Html.TextAreaFor(model => model.htmlStr, new { id = "editor", style = "width:100%;height:500px;" })

}

//实例化编辑器

//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例

//var ue = UE.getEditor('editor');

var editor = new baidu.editor.ui.Editor({

UEDITOR_HOME_URL: '/Content/ueditor/',//配置编辑器路径

iframeCssUrl: '/Content/ueditor/themes/iframe.css',//样式路径

initialContent: "",//初始化编辑器内容

autoHeightEnabled: true,//高度自动增长

minFrameHeight: 500//最小高度

});

editor.render('editor');

$('#temp').click(function () {

$.get('../Template/GoodsLayout.txt').success(function (content) {

editor.setContent(content);

});

})

标签:UEditor,ueditor,编辑,编辑器,Html,editor,model,模板

来源: https://www.cnblogs.com/hanjun0612/p/10980479.html

ueditor html模板,UEditor 编辑模板相关推荐

  1. ASP.net core 使用UEditor.Core 实现 ueditor 上传功能

    ASP.net core 使用UEditor.Core 实现 ueditor 上传功能 首先通过nuget 引用UEditor.Core,作者github:https://github.com/bai ...

  2. vue+elmentui +ueditor +数学公式 编辑器 ueditor

    写了几乎一个星期终于写好了,在vue项目中使用的编辑器,最主要的是我想编辑器里面可以输入数学公式.] https://download.csdn.net/download/qq_33769914/10 ...

  3. ueditor php 附件,ueditor单独调用上传附件和图片的功能

    第一步, 引入文件 第二步 html元素 调用的页面: 上传图片 上传文件 第三步 编写js代码 var _editor; $(function() { //重新实例化一个编辑器,防止在上面的edit ...

  4. php ueditor怎么用,ueditor PHP版本使用方法

    1.ueditor是百度很好用的一款文本编辑器,第一次使用,在此记录使用方法. 3.解压:说明 dialogs:存放的是弹出对话框对应的资源,还有js文件和js文件资源 lang:语言文件目录 php ...

  5. UEditor编辑器修改ueditor.all.js后压缩的问题

    总所周知,ueditor.all.js大小1.2M左右. 如果有修改ueditor.all.js,则没法引用ueditor.all.min.js 市面上在线压缩工具都不支持压缩ueditor.all. ...

  6. ueditor编辑器没有ueditor.all.js文件

    下载的ueditor源码并没有ueditor.all.js文件,执行以下操作生成 UEditor富文本编辑器 https://github.com/fex-team/ueditor/tags 安装依赖 ...

  7. django 与 百度 ueditor 富文本编辑器集成

    django 是基于 python 的一个很好的web开发框架.ueditor 是百度开源的一个富文本编辑器.有很好的用户体验,很适合中国人使用的一个编辑器. 在使用ueditor 之前,我集成过 f ...

  8. 在ThinkPHP框架(5.0.24)下引入Ueditor并实现向七牛云对象存储上传图片同时将图片信息保存到MySQL数据库,同时实现lazyload懒加载...

    这是我花了很多天的时间才得以真正实现的一组需求. 文章后面有完整Demo的GitHub链接. 一. 需求描述 1. 应用是基于ThinkPHP5开发的: 2. 服务器环境是LNMP,PHP版本是7.2 ...

  9. 很详细的SpringBoot整合UEditor教程

    很详细的SpringBoot整合UEditor教程 2017年04月10日 20:27:21 小宝2333 阅读数:21529 版权声明:本文为博主原创文章,未经博主允许不得转载. https://b ...

  10. UEditor整合代码高亮插件SyntaxHighlighter

    1  下载UEditor : http://ueditor.baidu.com/website/download.html 下载SyntaxHighlighter :https://github.co ...

最新文章

  1. 重磅发布:Redis 对象映射框架来了,操作大大简化!
  2. Unreal Engine 4 —— 冷却UI的制作
  3. jzoj3384-理工男【欧拉定理,gcd,数论】
  4. 不相关子查询的工作方式是_课题组工作|Nucleic Acids Research|基于表达密度谱的特征子空间分离及相关单细胞转录组分群新算法...
  5. Python基础第一天
  6. iOS检测QQ是否安装
  7. 在Qt中调用python,读取csv文件,实现K近邻算法(二)
  8. HBase 写优化之 BulkLoad 实现数据快速入库
  9. tensorflow python3编程_PixelCNN++实现:基于 Python3 和 TensorFlow
  10. JavaFx loading 数据加载中效果
  11. UG NX 12 同步建模:删除面
  12. HTML5大数据可视化效果(二)可交互地铁线路图
  13. 回归预测 | MATLAB实现SSA-LSTM和LSTM多输入单输出
  14. capturing self strongly in this block is likely to lead to a retain cycle 警告解决
  15. 钉钉邮箱登录入口_钉邮的使用攻略②
  16. 计算机基础知识表格斜线,在WORD中,其中一个表格里画一斜线怎么画?
  17. Chrome 火焰图
  18. 揭秘喜马拉雅黑科技——网页播放器(创建自己的单页应用)
  19. 金额换算(数字换汉字)
  20. 13 路由器RIP动态路由配置

热门文章

  1. 秒懂---LDA算法
  2. 状态空间方程的等价问题
  3. 每天一个PS技巧(原理+实践)——简单背景的抠图与毛发抠图
  4. 使用webgl(three.js)搭建一个3D智慧园区、3D建筑,3D消防模拟,web版3D,bim管理系统——第四课(炫酷版一)...
  5. 使用GDAL库读取SRTM格式的高程数据
  6. 《高等运筹学》复习题手写解答 Advanced Operations Research: Final Exam:Review Exercises
  7. 一图看尽史上三次浏览器大战
  8. 小米招股书披露:员工平均年薪福利28万!
  9. Markdown和Latex语法
  10. 25.XSS跨站原理分类和攻击手法