小编在做组织部项目重构的时候需要在界面中嵌入一个文本编辑器,原来的代码是asp.net版本的,发现原来用的文本编辑器不太好使,所以决定采用itoo新生系统的百度编辑器。在这里把使用的方法分享一下
添加资源,ueditor(点击下载)
1.将下载的资源添加到本地代码文件夹中
2.在视图View中引用相应js
一共三个:
@*使用编辑器*@
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" charset="utf-8" src="../../Content/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../../Content/ueditor/ueditor.all.js"></script>
<script type="text/javascript" charset="utf-8" src="../../Content/ueditor/lang/zh-cn/zh-cn.js"></script>
点击安装即可
4.编辑器加载
@* 编辑器的加载 *@
<script id="editor" type="text/plain" style="width:900px; height:300px;margin-top:15px;">
</script>
@* 关于发布任务页面的js-韦文文-2016年2月21日,此js不能与内容页面分离 *@
<script type="text/javascript">
$(document).ready(function () {
ue = UE.getEditor('editor');
ue.ready(function () {
})
})
界面效果:
写在后面
所有的代码以及使用就是这些,只是实现了页面加载文本编辑器,具体其他的东西还没有研究,现在只是大致知道怎么用,先分享一下!它的使用会在以后博客中分享!