tinyeditor

TinyEditor 简约且易用的html所见即所得编纂器

来历：互联网  作者：佚名  时刻：02-27 15:42:11  【大 中 小】

点评：前几日曾给各人引见过一款国产的xhtml编纂器，昨天要给各人举荐的TinyEditor，是外洋出名Web描绘博客leigeber.com刚公布的一款简约且易用的html所见即所得编纂器。

前几日曾给各人引见过一款国产的xhtml编纂器，昨天要给各人举荐的TinyEditor，是外洋出名Web描绘博客刚公布的一款简约且易用的html所见即所得编纂器。

TinyEditor有如下特色

• 它运用Javascript编写，不依托于别的类库
• 这是一个轻量级的编纂器，要挪用的文件唯一8kb
• 它能够处置大大都的html体例化需要，而且内置的功用使得天生的标志尽可能简约
• 编纂器顶用到的小图标运用了CSS Sprite技能，削减了http衔接
• 在支流阅读器中测验通过
• 可小我或贸易名目中运用，遵照

下面来看怎么运用：

1. 在网页文件中援用TinyEditor供给的js文件和css文件
2. 在网页文件中增加编纂器所需求的标签，实在那是个textarea，以下

   <textarea id="input" style="width:400px; height:200px"></textarea>

   new TINY.editor.edit('editor',{
   id:'input', 
   // (必需)下面第二步中界说的textarea的id
   width:584, 
   // (选填) 编纂器宽度
   height:175,
    // (选填) 编纂器高度
   cssclass:'te',
    // (选填) 编纂器的class，用来经过css掌握款式
   controlclass:'tecontrol',
    // (选填) 编纂器上按钮的class
   rowclass:'teheader',
    // (选填) 编纂器按钮行的class
   dividerclass:'tedivider', 
   // (选填) 编纂器按钮间宰割线的款式
   controls:['bold', 'italic', 'underline', 'strikethrough', '|', 'subscript', 'superscript', '|', 'orderedlist', 'unorderedlist', '|' ,'outdent' ,'indent', '|', 'leftalign', 'centeralign', 'rightalign', 'blockjustify', '|', 'unformat', '|', 'undo', 'redo', 'n', 'font', 'size', 'style', '|', 'image', 'hr', 'link', 'unlink', '|', 'cut', 'copy', 'paste', 'print'],
    // (必需) 要依据需求在编纂器上增加按钮控件, 此中'|'代表功用按钮间的竖宰割线，'n'代表按钮行间的宰割线
   footer:true, 
   // (选填) 能否显现编纂器底部
   fonts:['Verdana','Arial','Georgia','Trebuchet MS'],  
   // (选填) 编纂器中可挑选的字体
   xhtml:true, 
   // (选填) 编纂器天生xhtml仍是html标志
   cssfile:'style.css', 
   // (选填) 要为编纂器附加的外部css文件
   content:'starting content', 
   // (选填) 配置编纂器编纂地区中的初始内容
   css:'body{background-color:#ccc}',
    // (选填) 配置编纂器编纂地区布景
   bodyid:'editor', 
   // (选填) 配置编纂地区ID
   footerclass:'tefooter', 
   // (选填) 配置编纂器底部class
   toggle:{text:'源代码',activetext:'可视化',cssclass:'toggle'},
    // (选填) 配置源代码阅读切换笔墨，及切换按钮的class
   resize:{cssclass:'resize'} 
   // (选填) 配置编纂器巨细调剂按钮的class
   });