mvc框架嵌入文本编辑器

    小编在做组织部项目重构的时候需要在界面中嵌入一个文本编辑器,原来的代码是asp.net版本的,发现原来用的文本编辑器不太好使,所以决定采用itoo新生系统的百度编辑器。在这里把使用的方法分享一下


    添加资源,ueditor(点击下载)


    1.将下载的资源添加到本地代码文件夹中


    2.在视图View中引用相应js

    mvc框架嵌入文本编辑器_第1张图片


一共三个:

 @*使用编辑器*@
<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>


3.添加引用nuget程序包

mvc框架嵌入文本编辑器_第2张图片

点击安装即可


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 () {
        })

    })

界面效果:

mvc框架嵌入文本编辑器_第3张图片

写在后面

    所有的代码以及使用就是这些,只是实现了页面加载文本编辑器,具体其他的东西还没有研究,现在只是大致知道怎么用,先分享一下!它的使用会在以后博客中分享!

你可能感兴趣的:(mvc框架嵌入文本编辑器)