• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

asp.net中使用ueditor

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

1.下载,官网地址:http://ueditor.baidu.com/website/download.html#ueditor 我下载的.net utf-8的。

2.解压缩后放入到项目中去

3.在你要使用的地方调用吧,首先引用两段js,一个配置,一个ueditor

1    <script src="../Public/ueditor/ueditor.config.js" type="text/javascript"></script>
2     <script src="../Public/ueditor/ueditor.all.min.js" type="text/javascript"></script>

4.然后就是对ueditor的初始化,以下代码中的temp是获取数据库内容信息

<div ></div>
                    <script type="text/javascript">
                        var temp = document.getElementById("<%=hd_content.ClientID %>").value;
                        var ue = new baidu.editor.ui.Editor();
                        ue.render("myEditor");   //这里填写要改变为编辑器的控件id
                        ue.ready(function () { ue.setContent(temp); })
                    </script>

5.最后,就是保存数据的方法

<asp:Button ID="BtnSave" runat="server" Text="保存" onclick="BtnSave_Click" OnClientClick="return getContent();" CssClass="cssbtn" /> 
<script type="text/javascript">
        function getContent() {
            var temp = UE.getEditor('myEditor').getContent();
            //alert(temp);
            document.getElementById("<%=hd_content.ClientID %>").value = temp;
        }
    </script>

附:我使用到的hd_content只是为了中转内容的。放在body的form内就行了。

<asp:HiddenField ID="hd_content" runat="server" Value="" />

  

 

 

总结:1.ueditor现在版本,路径真的不要再配置了,ueditor的开发者都已经做好了,比以前方便很多;2..net版本还要注意上传的问题,有个文件默认编译的,要改成内容(如果你是发布网站),右键该文件属性,就能找到了。

哈哈,ueditor真的不错。

 

 

注:本文转至 http://www.daidaiwa.com/ArticleDetail/2013/9/1/16.html

 

 

1.下载,官网地址:http://ueditor.baidu.com/website/download.html#ueditor 我下载的.net utf-8的。

2.解压缩后放入到项目中去

3.在你要使用的地方调用吧,首先引用两段js,一个配置,一个ueditor

1    <script src="../Public/ueditor/ueditor.config.js" type="text/javascript"></script>
2     <script src="../Public/ueditor/ueditor.all.min.js" type="text/javascript"></script>

4.然后就是对ueditor的初始化,以下代码中的temp是获取数据库内容信息

<div ></div>
                    <script type="text/javascript">
                        var temp = document.getElementById("<%=hd_content.ClientID %>").value;
                        var ue = new baidu.editor.ui.Editor();
                        ue.render("myEditor");   //这里填写要改变为编辑器的控件id
                        ue.ready(function () { ue.setContent(temp); })
                    </script>

5.最后,就是保存数据的方法

<asp:Button ID="BtnSave" runat="server" Text="保存" onclick="BtnSave_Click" OnClientClick="return getContent();" CssClass="cssbtn" /> 
<script type="text/javascript">
        function getContent() {
            var temp = UE.getEditor('myEditor').getContent();
            //alert(temp);
            document.getElementById("<%=hd_content.ClientID %>").value = temp;
        }
    </script>

附:我使用到的hd_content只是为了中转内容的。放在body的form内就行了。

<asp:HiddenField ID="hd_content" runat="server" Value="" />

  

 

 

总结:1.ueditor现在版本,路径真的不要再配置了,ueditor的开发者都已经做好了,比以前方便很多;2..net版本还要注意上传的问题,有个文件默认编译的,要改成内容(如果你是发布网站),右键该文件属性,就能找到了。

哈哈,ueditor真的不错。

 

 

注:本文转至 http://www.daidaiwa.com/ArticleDetail/2013/9/1/16.html

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
基于Asp.netC#实现HTML转图片(网页快照)发布时间:2022-07-10
下一篇:
ASP.NET动态网站制作(24)--ADO.NET(3)发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap