URL
tinyMCE
<!DOCTYPE html> <html> <head> <script src="//tinymce.cachefly.net/4.1/tinymce.min.js"> <script> tinymce.init({selector:'textarea'}); </script> </head> <body> <textarea>Your content here.</textarea> </body> </html>
var config = { selector: ".editor_holder", relative_urls : false, remove_linebreaks : true, remove_trailing_nbsp : true, remove_script_host : true, forced_root_block : false, // IE 한글문제 entity_encoding : "raw", fix_nesting: true, theme_advanced_fonts : "굴림=굴림;굴림체=굴림체;궁서=궁서;궁서체=궁서체;돋움=돋움;돋움체=돋움체;바탕=바탕;바탕체=바탕체;나눔고딕=나눔고딕;맑은고딕='맑은 고딕';" +"Arial=Arial; Comic Sans MS='Comic Sans MS';Courier New='Courier New';Tahoma=Tahoma;Times New Roman='Times New Roman';Verdana=Verdana", content_css: "//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css,//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap-theme.min.css,/s1/skin/layout/common.css", formats: { custom_format: { block: 'img', styles: { 'max-width': '100%' } } }, valid_elements : '*[class|style|href|src|name|align|alt|title|width|height|target]', extended_valid_elements : "*[class|style|href|src|name|align|alt|title|width|height|target]", invalid_elements : 'script', inline_styles : true, theme: "modern", plugins: [ "advlist autolink lists link image charmap print preview hr anchor pagebreak", "searchreplace wordcount visualblocks visualchars code fullscreen", "insertdatetime media nonbreaking save table contextmenu directionality", "emoticons template paste textcolor " ], toolbar1: "code | newdocument fullpage | bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect formatselect fontselect fontsizeselect | code", toolbar2: "undo redo | cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | link unlink anchor image media | insertdatetime preview | forecolor backcolor", toolbar3: "table | hr removeformat | subscript superscript | charmap emoticons | print fullscreen | ltr rtl | spellchecker | visualchars visualblocks nonbreaking template pagebreak restoredraft", menubar: false, toolbar_items_size: 'small', style_formats: [ {title: 'Bold text', inline: 'b'}, {title: 'Red text', inline: 'span', styles: {color: '#ff0000'}}, {title: 'Red header', block: 'h1', styles: {color: '#ff0000'}}, {title: 'Example 1', inline: 'span', classes: 'example1'}, {title: 'Example 2', inline: 'span', classes: 'example2'}, {title: 'Table styles'}, {title: 'Table row 1', selector: 'tr', classes: 'tablerow1'} ] }; // 에디터 초기화 try{ tinyMCE.init(config); }catch(e){};
반응형
'lang > js' 카테고리의 다른 글
자바 스크립트 무료 전자 책 30 (2) | 2014.09.30 |
---|---|
모바일 Javascript API (0) | 2014.07.29 |
javascript 실시간 웹 (0) | 2013.06.24 |
javascript 파일 작업 (0) | 2013.06.21 |
javascript loader (0) | 2013.06.19 |