.NET中应用Ueditor(富文本编辑)的配置和使用

摘要:
1、 Ueditor下载1.百度编辑器下载地址:http://ueditor.baidu.com/website/download.html2.下载完整的源代码包并将其解压缩到任何目录。解压缩的源代码目录结构如下:3.编辑器演示:2.使用Ueditor。1.如图所示将其添加到项目中。2.在新项目中引用它。1˂%@PageLanguage=“C#”AutoEventWireup=“tr

一、Ueditor的下载

   1、百度编辑器下载地址:http://ueditor.baidu.com/website/download.html

   2、下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示:

    .NET中应用Ueditor(富文本编辑)的配置和使用第1张

    3、编辑器展示:

           .NET中应用Ueditor(富文本编辑)的配置和使用第2张

  二、Ueditor的使用

        1、添加到项目中如图所示:

            .NET中应用Ueditor(富文本编辑)的配置和使用第3张

      2、新建项目中进行引用

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestUeditor.aspx.cs" Inherits="UeditorTest.TestUeditor" %>
 2 
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 <html xmlns="http://www.w3.org/1999/xhtml">
 5 <head runat="server">
 6     <title>Ueditor编辑器使用</title>
 7     <script src="http://t.zoukankan.com/ueditor/ueditor.config.js" type="text/javascript"></script>
 8     <script src="http://t.zoukankan.com/ueditor/ueditor.all.min.js" type="text/javascript"></script>
 9 </head>
10 <body>
11     <form id="form1" runat="server">
12     <textarea name="UEditor1"   style=" 500px; height: 300px">
13     </textarea>
14     </form>
15     <script type="text/javascript">
16         var editor = UE.getEditor('UEditor1');
17     </script>
18 </body>
19 </html>

       3、项目效果图显示:

    .NET中应用Ueditor(富文本编辑)的配置和使用第4张

   

免责声明:文章转载自《.NET中应用Ueditor(富文本编辑)的配置和使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Visual C++内存泄露检测—VLD工具使用说明 .JMeter之BeanShell常用内置对象下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

帝国CMS 复制word里面带图文的文章,图片可以直接显示

1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.wangEditor.com  但试了一圈都不支持IE8 。 所...

解决ueditor二次加载(getEditor)加载失败的问题

最近在做项目的时候用到了ueditor控件,正常使用第一次加载没有问题,因为没有刷新页面,第二次加载的时候就会加载失败,ueditor部分出现空白,查看了一下功能基本可以定位到是getEditor时出现了问题,具体怎么解决直到我发现了下面的这篇博文,具体内容如下: 大家自己看看官方的js文件ueditor.all.js有以下的代码 /** * @...

nodejs学习笔记三——nodejs使用富文本插件ueditor

  在做自己的nodejs项目的时候遇到需要使用ueditor。原来下载的是ueditor的jsp版本。目录如下     在ueditor.config.js中有配置服务器home路径(这个home路径能找到ueditor文件夹,可以使用这个路径访问ueditor内的静态资源,比如我的top.ctx为http://localhost:8080,那么我可以通...

UEditor的使用

UEditor 是目前项目正在使用的富文本编辑器。 基本知识 ———————————————————————————————————— 1.依赖:不依赖任何第三方库,可单独使用 2.使用: (1)文件管理:为简化管理开发,建议将UEditor单独放在一个文件夹内,不建议重新组织文件结构(可删除example、src等文件夹) (2)引入及初始化:需要引入c...

百度UEditor上传图片-再再总结一次

本周,CSDN有个网友遇到了百度UEditor上传问题,最后商定付50元钱,我帮他解决这个问题。    他最初想自己搞定这个问题,结果搞了好多次,好几天,还是没能解决。    2015年1月17日8:25~2015年1月18日00:24,4个小时终于搞定了这个问题。 1.总的感悟    本来预计1个小时,就能解决的,结果硬是花费了4个小时,挺无奈的。 虽说...

百度UEditor在线编辑器的配置和图片上传

前言       最近在项目中使用了百度UEditor富文本编辑器,配置UEditor过程中遇到了几个问题,在此记录一下解决方案和使用方法,避免以后使用UEditor出现类似的错误。 基本配置 一、下载UEditor.NET版本开发包。 UEditor可以到 http://ueditor.baidu.com/website/download.html#ue...