mvc框架嵌入文本编辑器

    小编在做组织部项目重构的时候需要在界面中嵌入一个文本编辑器,原来的代码是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>


3.添加引用nuget程序包



点击安装即可


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

    })

界面效果:


写在后面

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值