百度编辑

1.官方文件、演示和下载：http://ueditor.baidu.com/website/index.html

2.百度编辑器好：Editor是百度网页前端R&D部开发的一款所见即所得的富文本网页编辑器，轻量级，可定制，注重用户体验。

3.如果想自定义想要的编辑器功能，只需查看官网的下载页面即可。

4.编辑器显示：

5.百度编辑器配置。

1.加载js和css文件

script src=' http : ueditor/editor _ config . js ' type=' text/JavaScript '/script script src=' http : ueditor/editor _ all . js ' type=' text/JavaScript '/script link href=' ueditor/themes/default/ueditor . CSS ' rel=' externalnofollow ' rel='样式表' type=' text/CSS'/2。页面配置

只要id正确，Div id='myEditor'/div //可以是aspx控件。脚本类型=' text/JavaScript ' var UE=new Baidu . editor . ui . editor()；UE . render(' my editor ')；//在控件id/script3.editor_config.js文件中填写路径配置，在此处更改为编辑器

var tmp=window . location . pathname；URL=窗口。UEDITOR _ HOME _ URL | | '/some package/UEDITOR/UEDITOR/'；//这里可以配置为网站上ueditor目录的相对路径或绝对路径(指以http开头的绝对路径)。4.如果要使用图片传输功能，需要修改网络文件下几个文件截图的描述(这个路径可以直接删除，试试看。我不能。调整自己

更改为-

同样，你可以在网络文件下的其他文件中纠正类似错误后上传图片。上传图片的默认位置是：网络文件夹。上传一个，打开它找到一个上传文件夹。

5.5.ueditor的很多默认配置都在file editor_config.js中，如果仔细看，打开或关闭配置可以解决很多问题。

6.我还遇到了编辑器内容影响整个页面布局的问题，这是由file editor_all.js中修改的默认样式造成的

/** * 渲染编辑器的数字正射影像图到指定容器，必须且只能调用一次* @ public * @ function * @ param { Element | String } container */render : function(container){ var me=this，options=me.optionsif(container。构造函数===String){容器=文档。getelementbyid(容器)；} if(container){ var useBodyAsViewport=ie browser。版本9，html=(ie browser.version 9？'' : '!DOCTYPE html ')' html xmlns= ' http://www。w3。org/1999/XHTML '(！useBodyAsViewport？class= ' view ' ' : ' ')' head '(选项。iframecssurl？链接rel= '样式表type= ' text/CSS ' href= '这些默认属性不能够让用户改变//选中的任务描述上的样式。选择类别{背景色-color:#3399FF！重要；} ' '表格。NoBorderTable TD {边框：1 px虚线#ddd！重要}' //插入的表格的默认样式表{ clear:both边距-底部：10 px边框塌陷：断字：断字；}' //分页符的样式pagebreak { display:block清除：两者！重要；cursor:default！重要；宽度： 100%!重要；边距：0}' //锚点的样式，注意这里背景图的路径锚类{背景： URL( ' me。选项。' ueditor _ HOME _ URL '主题/默认/图片/锚点。gif ')无重复滚动左中透明；border: 1px虚线# 0000FFcursor:自动显示：内联块；高度： 16px宽度： 15px}' //设置四周的留边。查看{ padding:0单词包装：断字；光标：文本高度：100%;}n' //设置默认字体和字号正文{ margin :8 px ' font-family : '宋体';font-size :16 px}' //针对里的处理li{clear:both}' //设置段落间距p { margin 3 33605 px 0；} '(选项。初始样式| | ' ')'/样式/头dy '(useBodyAsViewport？class= ' view ' ' : ' ')'/body '；最后对这个编辑器总结下：很好用的，代码很容易读懂，便于修改配置为自己喜欢的想要的。

二丶CKEditor丶CKFinder国外知名编辑器

1.官方文档，演示，下载地址：http://ckeditor。com/下载丶http://ckfinder.com/download

2.百度编辑器的好：是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。

3.编辑器展示：

4.配置步骤以及一些常用配置

1.引入脚本src=' http : cke ditor/cke ditor。js ' type=' text/JavaScript '/脚本

2.页面代码

！-第一个-文本区域id='文本区域1 ' cols=' 20 ' row=' 2 ' class=' ckeditor '/文本区域！-第二个- div id='editorSpace'/div！-直接设置班级好像也行的可以试试-脚本类型=' text/JavaScript ' ckeditor。appendo('编辑器空间')；/script3 .配置ckeditor的一些常用配置，在config.js这个文件中，所有的属性配置都可以查阅官方的API:http://文档。CK来源。com/CKEDITOR _ API/symbols/CKEDITOR。配置。超文本标记语言

4.列出一些常用的属性配置：

凯迪特。editor config=function(config){//在此定义对默认配置的更改。例如：//config。语言=' fr//配置。uicolor=' # AADC6E//配置。宽度=700；//配置。高度=400；//配置。skin=' v2//自带皮肤种类有3种：卡马（默认)，Office 2003，v2//config。' font _ name='宋体；楷体_ GB2312新宋体；黑体；隶书；幼圆；微软雅黑；天线漫画无MS；快递员新；塔霍马；新罗马时代；'' verdana '；//如果上传图片或者闪光则需要，下面配置CK发现者var ckfinder path='/some package/FCKeditor/CK发现者'；//配置为绝对路径配置。filebrowserbrowserwrl=ckfinder路径/CK查找器。html '；配置。file browserimagebrowsurl=CK finder路径/ckfinder。html？类型=图像；配置。filebrowserfilashbrowserl=ckfinderPath/ckfinder。html？类型=闪存；配置。file browserloadurl=ckfinderPath '/core/connector/aspx/connector。aspx？命令=快速上传类型=文件；配置。filebrowserimaguploadurl=ckfinderPath '/core/connector/aspx/connector。aspx？命令=快速上传类型=图像；配置。file browserfrashuploadurl=ckfinderPath '/core/connector/aspx/connector。aspx？命令=快速上传类型=闪存；};5.如果上传图片则需在项目中添加ckfinder文件

6.第四步为配置上传图片的第一步

7.改变ckfinder文件夹下的config.ascx，内容如下：

public override bool CheckAuthentication(){//object str=session[' username ']；//if (str！=空转换.到布尔值(str)=true)//{//返回真的；//}返回true//不建议直接返回没错，最好做下用户验证判断在返回真（安全),上面为验证的一个实例}8.这样就行了，由于ckfinder不是免费的，所以默认情况下会在上传页面中有红色的广告提示，虽然不影响使用，但总是觉得不爽。9.去除广告方法：找到CK发现者/核心/js/CK发现者_ ie。射流研究…及ckfinder_gecko.js，将其中的en.call(窗口，qo)；去掉

最后对这个编辑器总结下：很强大，很好用。世界各地都在用的。