一丶ueditor 百度编辑器
1.官方文档,演示,下载地址:http://ueditor.baidu.com/website/index.html
2.百度编辑器的好:Editor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点。
3.如果想定制你想要的编辑器功能:查看官方网站的下载页面即可。
4.编辑器展示:
5.百度编辑器配置。
1.载入js,css文件
<script src="/UploadFiles/2021-04-02/editor_config.js">2.页面配置
<div id="myEditor"></div> //可以是aspx控件 只要id正确即可 <script type="text/javascript"> var ue = new baidu.editor.ui.Editor(); ue.render("myEditor"); //这里填写要改变为编辑器的控件id </script>3.editor_config.js 文件中的路径配置
var tmp = window.location.pathname; URL = window.UEDITOR_HOME_URL || "/SomePackage/Ueditor/ueditor/"; //这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径(指以http开头的绝对路径)4.如果你要使用传图片功能,还需要修改net文件下的几个文件截图说明吧(这个路径可以直接删除的,试试。不行了自己再调整下
改为-->
同理将net文件下其它文件类似的错误更正后即可上传图片。
图片上传默认位置为:net文件夹下。上传一张打开即可发现一个upload文件夹。5.ueditor 的很多默认配置都在 editor_config.js这个文件中,细心看的话,开启或关闭其中的配置是可以解决很多问题的。
6.我在使用过程中还遇到过编辑器内容影响整体页面的布局问题,这问题是在editor_all.js这个文件中修改的默认样式问题的。
/** * 渲染编辑器的DOM到指定容器,必须且只能调用一次 * @public * @function * @param {Element|String} container */ render:function ( container ) { var me = this, options = me.options; if ( container.constructor === String ) { container = document.getElementById( container ); } if ( container ) { var useBodyAsViewport = ie && browser.version < 9, html = ( ie && browser.version < 9 "_blank" href="http://ckeditor.com/download" rel="external nofollow" >http://ckeditor.com/download 丶 http://ckfinder.com/download2.百度编辑器的好:是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。
3.编辑器展示:
4.配置步骤以及一些常用配置
1.引入<script src="/UploadFiles/2021-04-02/ckeditor.js">
2.页面代码
<!--第一个---> <textarea id="TextArea1" cols="20" rows="2" class="ckeditor"></textarea> <!--第二个---> <div id="editorSpace"></div> <!--直接设置class好像也行的可以试试---> <script type="text/javascript"> CKEDITOR.appendTo('editorSpace'); </script>3.配置ckeditor的一些常用配置,在config.js这个文件中,所有的属性配置都可以查阅官方的API:http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html
4.列出一些常用的属性配置:
CKEDITOR.editorConfig = function( config ) { // Define changes to default configuration here. For example: // config.language = 'fr'; // config.uiColor = '#AADC6E'; //config.width=700; //config.height=400; //config.skin='v2'; //自带皮肤种类有3种:Kama(默认) , Office 2003 , v2 //config.font_names = '宋体;楷体 _GB2312;新宋体;黑体;隶书;幼圆;微软雅黑;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana'; //如果上传图片或者flash则需要,下面配置ckfinder var ckfinderPath = "/SomePackage/FCKeditor/ckfinder"; //配置为绝对路径 config.filebrowserBrowseUrl = ckfinderPath + "/ckfinder.html"; config.filebrowserImageBrowseUrl = ckfinderPath + "/ckfinder.html"; config.filebrowserFlashBrowseUrl = ckfinderPath + "/ckfinder.html"; config.filebrowserUploadUrl = ckfinderPath + "/core/connector/aspx/connector.aspx"; config.filebrowserImageUploadUrl = ckfinderPath + "/core/connector/aspx/connector.aspx"; config.filebrowserFlashUploadUrl = ckfinderPath + "/core/connector/aspx/connector.aspx"; };5.如果上传图片则需在项目中添加ckfinder文件
6.第四步为配置上传图片的第一步
7.改变ckfinder文件夹下的config.ascx,内容如下:
public override bool CheckAuthentication() { //object str = session["username"]; //if (str != null & Convert.ToBoolean(str) == true) //{ // return true; //} return true; //不建议直接返回true,最好做下用户验证判断在返回true(安全),上面为验证的一个实例 }8.这样就行了,由于ckfinder不是免费的,所以默认情况下会在上传页面中有红色的广告提示,虽然不影响使用,但总是觉得不爽。
9.去除广告方法:找到ckfinder/core/js/ckfinder_ie.js
及ckfinder_gecko.js
,将其中的en.call(window,qo);
去掉最后对这个编辑器总结下:很强大,很好用。世界各地都在用的。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
- 小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE]
- 群星《欢迎来到我身边 电影原声专辑》[320K/MP3][105.02MB]
- 群星《欢迎来到我身边 电影原声专辑》[FLAC/分轨][480.9MB]
- 雷婷《梦里蓝天HQⅡ》 2023头版限量编号低速原抓[WAV+CUE][463M]
- 群星《2024好听新歌42》AI调整音效【WAV分轨】
- 王思雨-《思念陪着鸿雁飞》WAV
- 王思雨《喜马拉雅HQ》头版限量编号[WAV+CUE]
- 李健《无时无刻》[WAV+CUE][590M]
- 陈奕迅《酝酿》[WAV分轨][502M]
- 卓依婷《化蝶》2CD[WAV+CUE][1.1G]
- 群星《吉他王(黑胶CD)》[WAV+CUE]
- 齐秦《穿乐(穿越)》[WAV+CUE]
- 发烧珍品《数位CD音响测试-动向效果(九)》【WAV+CUE】
- 邝美云《邝美云精装歌集》[DSF][1.6G]
- 吕方《爱一回伤一回》[WAV+CUE][454M]