网页设计习题_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
网页设计习题
上传于||暂无简介
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩24页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。状态： 孵化中-& 正式发布资源 | 演示 |
| JsDoc | 版本信息 |
| 博客 | 安装下面是安装步骤，这个步骤与一般的Dorado Add On的步骤相同。该组件是以Dorado Add On的形式存在，要使用该组件，您的项目必须是一个标准的Dorado 7工程。在确保您的工程是标准的Dorado 7工程后，下载该组件使用的jar包，拷贝到该工程的WEB-INF/lib目录下。在Eclipse中选中该工程的根目录，点击右键菜单，选择“更新dorado规则文件”，如果更新成功，那么在Eclipse中的view.xml编辑器中的调色板上就可以看到该组件了，该组件默认的分类是Advance。与使用其他的组件相同，您只需要双击该组件就可以添加到右侧的组件树上了。基本配置目前该组件有以下参数可以配置：dataSet,dataPath：配置与DataSet的绑定信息，与使用与DataSet绑定的TextEditor并没有区别。defaultFontFamily,defaultFontSize：配置UEditor的默认字体和默认字体大小。mode：UEditor的工作模式，可选值为full、simple，区别在于工具栏上按钮的多少。另外，还可以自定义模式，可以参考下文。fileUploadURL,imageUploadURL,scrawUploadURL,imageManageURL,getRemoteImageURL：依次是文件上传URL、图片上传URL、涂鸦上传URL、图片管理URL、远程文件下载URL。这几个参数在后面有介绍。Mode的自定义可以使用dorado.ueditor.registerMode这个方法来注册UEditor的Mode，该方法有两个参数，第一个是mode的name，第二个是mode的工具栏的配置，类型为数组。工具栏上的每个功能有一个唯一的名字，比如bold、italic，分别代表加粗、斜体，如果需要分割线，则使用’|’来表示。比如说，定义一个基本上只有文本处理功能的模式，name为custom，可以使用下面的代码(这个代码应该在UEditor的package加载完成后执行，建议放到UEditor的onCreate事件里面)：
目前UEditor工具栏上所有的功能的名字，可以参考这个表格：名字功能fullscreen全屏source源代码undo撤销redo重做bold加粗italic斜体underline下划线strikethrough删除线superscript上标subscript下标removeformat清除格式formatmatch格式刷autotypeset自动排版blockquote引用pasteplain纯文本粘贴模式forecolor字体颜色backcolor背景色insertorderedlist有序列表insertunorderedlist无序列表rowspacingtop上行距rowspacingbottom下行距lineheight行高customstyle自定义格式paragraph段落格式fontfamily字体fontsize字号directionalityltr从左向右输入directionalityrtl从右向左输入indent首行缩进justifyleft居左对齐justifycenter居中对齐justifyright居右对齐justifyjustify两端对齐touppercase转为大写tolowercase转为小写link超链接unlink祛除链接anchor锚点imagenone图片默认对齐imageleft图片左对齐imageright图片又对齐imagecenter图片居中对齐insertimage图片emotion表情scrawl涂鸦insertvideo插入视频music插入音乐attachment附件map百度地图gmapGoogle地图insertframe插入IFramehighlightcode插入代码pagebreak分页template模板background背景horizontal分隔线date日期time时间spechars特殊字符snapscreen截屏wordimage转存word图片inserttable表格inserttable删除表格insertparagraphbeforetable表格前插行insertrow前插入行deleterow删除行insertcol前插入列insertcol删除列mergecells合并多个单元格mergeright右合并单元格mergedown下合并单元格splittocells完全拆分单元格splittorows拆分成行splittocols拆分成列selectall全选cleardoc清空文档preview查询替换print打印preview预览help帮助文件上传的配置如果要自定义文件上传的位置，要先搞清楚各个UploadURL的对应的含义。目前Dorado UEditor支持附件上传、图片上传、涂鸦上传，上传到的Action的URL分别对应UEditor属性中的fileUploadURL、imageUploadURL、scrawUploadURL，另外还有imageManageURL、getRemoteImageURL，见如下表格：配置参数名配置说明fileUploadURL附件上传的到的Action的URL。imageUploadURL图片上传的到的Action的URL。scrawUploadURL涂鸦上传的到的Action的URL。imageManageURL图片管理器使用的URL。getRemoteImageURL取得远程图片使用的URL。下面以图片上传为例，讲解一下UploadURL如何配置和自定义。图片上传默认的UploadURL为&dorado/ueditor/imageupload，这个UploadURL对应的Resolver定义在该Add On的jar包中。AbstractUploadResolverDorado UEditor使用Dorado7提供的Resolver机制来对文件上传进行处理，在服务器端的Resolver中，会限制上传文件的大小与后缀，并对不同类型的文件上传到不同的位置。Dorado7的Resolver需要在dorado-home(在WEB根目录下的WEB-INF文件夹下)目录下的servlet-context.xml中进行配置。Dorado UEditor的服务器端提供了一个抽象的Resolver，其他几个上传Resolver都从该类继承，名为AbstractUploadResolver。AbstractUploadResolver提供了文件大小限制、后缀限制的功能，但不保存文件。ImageUploadResolver从AbstractUploadResolver继承，会保存文件到Web服务器的根目录中的某个文件夹中，这个文件夹的名字可以自定义，所以这个Resolver比AbstractUploadResolver多了savePath的配置项。默认实现的fileUploadPath、imageUploadPath、scrawUploadPath均继承自AbstractUploadResolver。配置UploadResolver参数说明maxUploadSize上传文件的最大值，单位为KB，默认为10000，即10M左右。allowedExtensions上传的文件允许的后缀名，这个配置项是一个正则表达式，对文件类型进行匹配，如果文件后缀与allowedExtensions匹配，才可以上传到服务器。savePath上传的文件存储的路径，默认为相当于WEB根目录的路径。如果要存储到磁盘上的绝对路径，需要使用 file:+路径 来设置。比如，如果要保存到D盘的upload文件夹下，则配置为file:D:\upload。diskFileDownloadUrl文件下载URL，如果文件上传到WEB根目录下，则可以直接返回客户端url；如果上传到服务器的某个绝对路径下，则需要一个下载URL，去这个绝对路径下读取上传的文件。下面是推荐的allowedExtensions配置：imageUploadURL:
scrawUploadURL:
fileUploadURL:
一个配置保存路径的例子图片假设我们需要把图片都默认上传到服务器的D:\upload目录下，则需要在dorado-home下的servlet-context.xml中配置：
另外，UEditor自带了一个图片管理器，用于显示用户上传过的文件以供用户选择，在修改了图片上传位置以后，也需要修改图片管理器需要用到的Resolver的配置。比如上面的例子需要修改为：
涂鸦如果要修改默认涂鸦上传的位置到服务器的D:\upload目录下，则需要在dorado-home下的servlet-context.xml中配置：
附件如果要修改默认附件上传的位置到服务器的D:\upload目录下，则需要在dorado-home下的servlet-context.xml中配置：
远程图片如果要修改远程图片下载的位置到服务器的D:\upload目录下，则需要在dorado-home下的servlet-context.xml中配置：
继承AbstractUploadResolver一般情况下，如果要对三种UploadURL进行自定义，可以直接从AbstractUploadResolver继承，如果从AbstractUploadResolver满足不了需求，也可以完全自定义。如果从AbstractUploadResolver进行继承，则需要实现doHandleRequest方法，该方法定义如下： protected ModelAndView doHandleRequest(HttpServletRequest request, HttpServletResponse response) throws E具体代码可以参考ImageUploadResolver的实现。如果要自定义服务器端，也就需要了结一下客户端的传递的输入和输出。客户端说明目前客户端只能单文件上传，客户端使用了一个input type=file来对图片文件进行上传，图片文件会被默认上传到&dorado/ueditor/imageupload。在文件上传完成后，服务器端会输入上传结果的JSON供客户端调用。输出的JSON有三个属性：original：原文件名url：上传文件的访问URL。state：上传结果。Bootstrap页面布局9 - BS列表
Bootstrap页面布局9 - BS列表
发布时间： 1:22:02
编辑：www.fx114.net
本篇文章主要介绍了"Bootstrap页面布局9 - BS列表 "，主要涉及到Bootstrap页面布局9 - BS列表 方面的内容，对于Bootstrap页面布局9 - BS列表 感兴趣的同学可以参考一下。
　　无序列表(列表中项目内容没有固定的顺序),
　　有序列表(通常使用在一组有前后顺序的内容上),
　　描述列表(定义解释一组词汇)
无序列表：
　　　　&li&Ueditor编辑器&/li&
　　　　&li&TinyMCE编辑器&/li&
　　　　&li&Kindeditor编辑器&/li&
&有序列表：　
　　　　&li&Ueditor编辑器&/li&
　　　　&li&TinyMCE编辑器&/li&
　　　　&li&Kindeditor编辑器&/li&
&描述列表：
　　dt:要描述的词汇
　　dd:对这个词汇进行解释的句子
　　　　&dt&Ueditor编辑器&/dt&
　　　　&dd&Ueditor编辑器强大细致&/dd&
　　　　&dt&TinyMCE编辑器&/dt&
　　　　&dd&TinyMCE编辑器好像还不错&/dd&
　　　　&dt&Kindeditor编辑器&/dt&
　　　　&dd&Kindeditor编辑器非常好用&/dd&
BS为描述列表提供了类来更改描述列表的样式：
这里的样式应该是水平对齐，为什么这里没有水平对齐，找到bootstrap.css!!!
源文件中的
.dl-horizontal dt { 　　float: 　　clear: 　　width: 120 　　text-align:}.dl-horizontal dd { 　　margin-left: 130//这里的130px表示dd距离dt相差10个像素}
不用修改源码，只需要在新的css文件或者页面style标签中重新定义.dl-horizontal dd的样式为：
.dl-horizontal dd {　　margin-left: 10
　　float:
修改完成后，得到如图所示效果：
这个效果就正常了！（但我还是不确定，是不是这么修改...）
本人这里如果有问题，请留言，谢谢先。
本文标题：
本页链接：