2012年4月11日

tinyMCE使用一 初始化

tinymce是一款功能全面的富文本编辑器，官方主页：http://www.tinymce.com .

主页导航栏 Download提供最新版本的下载，目前最新版本是3.5.x.

1.下载

可以下载的文件有压缩版，支持jquery的版本和带开发源文件的版本（development package）。

其中开发版里面包含了很多例子和未压缩的源码。

下载完代码就可以使用tinymce了。

2.引入tinymce文件

<script type="text/javascript" src="js/tiny_mce/tiny_mce_src.js"></script>

tiny_mce_src.js是未压缩的代码，也可以使用压缩的代码

<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>

3.初始化tinymce

tinyMCE.init({
     mode : "exact",
     elements : "RTEtextarea",
     theme : "advanced",
     plugins : "spellchecker,style,inlinepopups,print,paste,directionality,template", 
     theme_advanced_buttons1 : "fontselect,fontsizeselect,|,forecolor,backcolor,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,outdent,indent,|,ltr,rtl",
     theme_advanced_buttons2 :"", 
     theme_advanced_buttons3 :"",
     theme_advanced_buttons4 :""

});

注释：mode：是tinymce初始化的方式，可以把页面所有的textarea初始化为富文本编辑器，也可以初始化某个textarea为编辑器，这里采用的是后者

初始化某个指定的textarea为编辑器，这个指定的textarea的id是后面elements 绑定的id。

elements ：需要初始化为编辑器的textarea的id.

theme ： 初始化tinymce的主题.

这么简单几步就可以使用富文本编辑器了。

posted @ 2012-04-11 14:13 飞船 阅读(30) 评论(0) 编辑
 

2012年2月8日

Backbone.js 资源搜集

Backbone.js 中文文档： http://www.css88.com/doc/backbone/

Backbone.js 官方文档：http://documentcloud.github.com/backbone/#introduction

http://www.360doc.com/content/12/0208/18/5447793_185106970.shtml

posted @ 2012-02-08 17:18 飞船 阅读(46) 评论(0) 编辑
 

2012年2月6日

其他前端技术网站 搜集

http://www.w3cfuns.com/ 

http://www.qianduan.net/

http://www.infoq.com/cn/

http://ued.taobao.com/

http://fed.renren.com/

http://ued.sohu.com/

http://ued.sina.com/

http://ued.alipay.com/

http://ued.qq.com/

http://www.aliued.com/

http://uedc.163.com/

http://blog.19ued.com/

http://ued.5173.com/

http://ucdchina.com/

http://club.cnodejs.org/

posted @ 2012-02-06 14:27 飞船 阅读(11) 评论(0) 编辑
 

2011年12月16日

tinyMce使用心得

tinyMce是一款功能强大的基于js的富文本编辑器.

官方主页：http://www.tinymce.com/

现在最新的版本是3.4.7了

这款编辑器的功能几乎可以跟微软的office有的一比，毫不逊色。编辑器里面的各项编辑工具都可以定制，大部分高级功能都是以插件的形式添加进来，开发使用者可以根据需要添加/删除自己的功能。

首先下载tinyMce的开发包(建议下载dev版本，里面有大量的实例，还可以查看源代码)

下载链接： http://www.tinymce.com/download/download.php

然后在需要使用的Web页面添加tinyMce文件

<script type="text/javascript" src="common/tiny_mce/tiny_mce_src.js"></script>

只需要添加一个js文件即可，其他tinyMce需要的css和js它会自己加载。

然后在页面的<body>中放一个<textarea id="myRTE"></textarea>

最后使用tinyMce的init方法，在方法的配置里绑定那个textarea就可以了。

tinyMCE.init({
     mode : "exact",
　　elements : "myRTE",
     plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",

// Theme options
      theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
      theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
      theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft"
});
这样就可以在你的web页面使用完整版的tinyMce编辑你的文本了。



posted @ 2011-12-16 11:15 飞船 阅读(125) 评论(0) 编辑
 

2011年12月8日

jquery 1.6+ 增加.prop()部分取代.attr()

 

以前的jq中，全部使用attr来访问对象的属性，比如取一个图片的alt属性，就可以这样做$('#img').attr('alt');

但是在某些时候，比如访问checkbox的disabled属性的时候，会有些问题。在有些浏览器里，只要写了disabled就可以，有些则要写：disabled = "disabled"。所以，从1.6开始，jq提供新的方法“prop”来获取这些属性。

使用prop的时候，返回值是标准属性，true/false，比如$('#checkbox').prop('disabled')，不会返回“disabled”或者“”，只会是true/false。当然赋值的时候也是如此。如此，我们便统一了所有操作，无论是从语法上还是语义上。

那么，哪些属性应该用attr访问，哪些应该用prop访问呢？一个原则是，只添加属性名不添加属性值就会生效；第二个原则是，只存在true/false的属性，按照官方文档，如下：

Attribute/Property.attr().prop()
accesskey ✓  
align ✓  
async ✓ ✓
autofocus ✓ ✓
checked ✓ ✓
class ✓  
contenteditable ✓  
draggable ✓  
href ✓  
id ✓  
label ✓  
location ( i.e. window.location ) ✓ ✓
multiple ✓ ✓
readOnly ✓ ✓
rel ✓  
selected ✓ ✓
src ✓  
tabindex ✓  
title ✓  
type ✓  
width ( if needed over .width() ) ✓

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

前端的同学或者做前端开发的同学都注意下吧，尤其是准备把项目迁移到jq1.6的.

 

转自：http://blog.zol.com.cn/2863/article_2862348.html 

posted @ 2011-12-08 10:24 飞船 阅读(46) 评论(0) 编辑
 

2011年12月5日

CSS居中
摘要: 1.css水平居中1.1块级元素嵌套块级元素View Code 1 <div class="outerDiv">2 <div class="innerDiv">This is a DIV Block</div>3 <p>This is a P Block</p>4 </div>在内部DIV或者P设置 margin:0 auto; 或者margin-left:auto;margin-right:auto;1.2块级元素嵌套内联元素View Code 1 <div class=&q阅读全文
posted @ 2011-12-05 12:49 飞船 阅读(237) 评论(0) 编辑
 
仅列出标题