Firejune

Michael Leigeber씨는 무료로 사용할 수 있는 쓸만한 WYSIWYG 텍스트 편집기인 TinyEditor를 만들고 공개했습니다. 어떠한 자바스크립트 프레임웍도 필요로하지 않으며, 가볍고(8kb) 간편하게 사용할 수 있습니다. 참 겸손한 WYSIWYG 편집기입니다. 기본 기능에 워낙 충실해서 딱히 쓸 말이 떠오르지 않네요. 위 편집기를 직접 사용해 보세요. 편집기를 초기화하는 방법은 다음과 같습니다.

new TINY.editor.edit('editor',{
  id:'input', // (required) ID of the textarea
  width:584, // (optional) width of the editor
  height:175, // (optional) heightof the editor
  cssclass:'te', // (optional) CSS class of the editor
  controlclass:'tecontrol', // (optional) CSS class of the buttons
  rowclass:'teheader', // (optional) CSS class of the button rows
  dividerclass:'tedivider', // (optional) CSS class of the button diviers
  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'
  ], // (required) options you want available, a '|' represents a divider and an 'n' represents a new row
  footer:true, // (optional) show the footer
  fonts:['Verdana','Arial','Georgia','Trebuchet MS'],  // (optional) array of fonts to display
  xhtml:true, // (optional) generate XHTML vs HTML
  cssfile:'style.css', // (optional) attach an external CSS file to the editor
  content:'starting content', // (optional) set the starting content else it will default to the textarea content
  css:'body{background-color:#ccc}', // (optional) attach CSS to the editor
  bodyid:'editor', // (optional) attach an ID to the editor body
  footerclass:'tefooter', // (optional) CSS class of the footer
  toggle:{text:'source',activetext:'wysiwyg',cssclass:'toggle'}, // (optional) toggle to markup view options
  resize:{cssclass:'resize'} // (optional) display options for the editor resize
});