jquery H5 好用的编辑器umeditor

首先引用必要文件：

<link href="~/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet"><script type="text/javascript" charset="utf-8" src="~/umeditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="~/umeditor/umeditor.min.js"></script>
<script type="text/javascript" src="~/umeditor/lang/zh-cn/zh-cn.js"></script>

创建编辑器：

<!--我这里是提交时用到，根据自己情况而定，用不到可不写-->
<input  type="hidden" id="Detail" name="Detail" value=""/>
<!--初始化-->
<script type="text/plain" id="myEditor"></script>

实例化编辑器：

var um = UM.getEditor('myEditor');um.addListener('blur', function () {//do });um.addListener('focus', function () {//do});

取值：

 var edContent = UM.getEditor('myEditor').getContent();$("#Detail").val(edContent);

默认赋值，一般在编辑界面用到：

<input  type="hidden" id="Detail" name="Detail" value="@Model.Detail"/>
<script type="text/plain" id="myEditor"></script><script>
$(function(){//编辑器赋值um.execCommand('insertHtml', $("#Detail").val());
});
</script>

效果图：

jquery H5 好用的编辑器umeditor相关推荐

宽屏自适应php源码,jQuery+H5自适应通栏宽屏banner幻灯片切换特效
jQuery+H5自适应通栏宽屏banner幻灯片切换特效代码片段: function(){ $(this).find(".prev,.next").fadeOut() }); ...
基于jquery的bootstrap在线文本编辑器插件Summernote
Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Op ...
在线富文本编辑器 UMeditor
2019独角兽企业重金招聘Python工程师标准>>> UMeditor,简称UM,是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器. UM的主要特点就是容 ...
用百度富文本编辑器UMeditor实现对html文本的编辑功能，vue中使用UMeditor编辑器
百度 UMeditor 编辑器资源免费下载地址: https://download.csdn.net/download/WanweI897/67403979 该编辑器没有官方文档,不过百度另一个编辑器 ...
基于jquery的bootstrap在线文本编辑器插件Summernote （转）
Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Op ...
Bootstrap-基于jquery的bootstrap在线文本编辑器插件Summernote
Summernote是一个基于jquery的bootstrap超级简单WYSIWYG在线编辑器.Summernote非常的轻量级,大小只有30KB,支持Safari,Chrome,Firefox.Op ...
【jQuery】网页文本格式编辑器xheditor
网页文本格式编辑器xheditor是一款优秀的.开源.兼容IE6的JQuery插件.现在很多网站都涉及到用户的交互,很难想象一个没有输入框的网站是怎么样的,你总不能一个给一个空白的文本框给别人吧?如果 ...
.net5项目集成百度富文本编辑器umeditor最全教程（含源码）
目前百度的umeditor已经停止维护了,net版本的分支源码包也停留在了net farmework4左右的版本,对于想要集成这款富文本编辑器到net5平台,具有较大难度,主要体现在以下几个方面: u ...
H5+jQuery H5+JavaScript 体质指数BMI计算
效果图: BMI实例代码段: 注:CSS 与 HTML 为 jQuery.JavaScript 两种方法的通用资源使用之前请自行引入 CSS 与 js css: form {position: ...

jquery H5 好用的编辑器umeditor

jquery H5 好用的编辑器umeditor相关推荐

最新文章

热门文章