一、引用CSS和JS:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> script type="text/javascript" src="/Content/Plugins/UEditor/ueditor.config.bbs.js"></script> ="/Content/Plugins/UEditor/ueditor.all.min.js" charset="utf-8"="/Content/Plugins/UEditor/lang/zh-cn/zh-cn.js">
二、HTML:
<!-- 加载编辑器的容器 --> id="ueditor" type="text/plain" style="width: 99%; height: 300px;">
三、创建编辑器对象:
var ue; $(function () { $( () { ue = UE.getEditor('ueditor',{ maximumWords: 4000 //允许的最大字符数 }); 创建和引用编辑器实例 ue.addListener('ready', (editor) { ue.setHeight(500); //编辑器家在完成后,设置高度为300默认关闭了自动长高 }); ue.addListener("contentChange",1)"> () { SimpoValidate.removehilight($("#ueditor").find("iframe").parent()); }); }); });
四、保存数据:
添加 btnAdd() { var title = $("#Title").val(); var contents = ue.getContent().replace(/</g,"<").replace(/>/g,">"); var txt = ue.getContentTxt(); var boardId = "@board.Id"; $.ajax({ url: "/BBS/Board/SaveTopicAdd" (data) { if (fnet.ajax.success(data)) { fnet.msg.info("发帖成功"); back(); } else { fnet.msg.error(data.msg); } } }); }
五、编辑器的工具栏配置:
'|','emotion','scrawl','insertimage','insertvideo','music'
]]
效果图:
原文地址:https://www.cnblogs.com/s0611163
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。