%PDF- %PDF-
Direktori : /home/cargonizer/public_html/admin/assets/plugins/tinymce/tests/manual/ |
Current File : /home/cargonizer/public_html/admin/assets/plugins/tinymce/tests/manual/paste.html |
<!DOCTYPE html> <html> <head> <title>Paste</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" /> <script src="../../js/tinymce/tinymce.dev.js"></script> <script src="../../js/tinymce/plugins/table/plugin.dev.js"></script> <script src="../../js/tinymce/plugins/paste/plugin.dev.js"></script> <script src="../../js/tinymce/plugins/spellchecker/plugin.dev.js"></script> <script> tinymce.init({ selector: "#elm1", theme: "modern", plugins: [ "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker", "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking", "save table contextmenu directionality emoticons template paste" ], content_css: "css/development.css", add_unload_trigger: false, toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons", style_formats: [ {title: 'Bold text', format: 'h1'}, {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'} ], setup: function(ed) { ed.on('BeforePastePreProcess PastePreProcess', function(e) { if (window.console && console.dir) { console.log(e.type + ": " + e.content); } e.content = e.content.toUpperCase(); }); } }); tinymce.init({ selector: "#inline", plugins: 'paste', inline: true, setup: function(ed) { ed.on('BeforePastePreProcess PastePreProcess', function(e) { if (window.console && console.dir) { console.log(e.type + ": " + e.content); } e.content = e.content.toUpperCase(); }); } }); </script> <style> #styles b { font-weight: 700; } </style> </head> <body> <form method="post" action="http://www.tinymce.com/dump.php?example=true"> <textarea id="elm1" name="elm1" rows="15" cols="80" style="width: 80%"> <pre>Pre element</pre> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> </textarea> <div> <a href="javascript:;" onclick="tinymce.get('elm1').show();return false;">[Show]</a> <a href="javascript:;" onclick="tinymce.get('elm1').hide();return false;">[Hide]</a> <a href="javascript:;" onclick="tinymce.execCommand('mceAddEditor', false, 'elm1');return false;">[Add]</a> <a href="javascript:;" onclick="tinymce.get('elm1').remove();return false;">[Remove]</a> <a href="javascript:;" onclick="tinymce.get('elm1').execCommand('Bold');return false;">[Bold]</a> <a href="javascript:;" onclick="alert(tinymce.get('elm1').getContent());return false;">[Get contents]</a> <a href="javascript:;" onclick="alert(tinymce.get('elm1').getContent({format: 'raw'}));return false;">[Get raw]</a> <a href="javascript:;" onclick="alert(tinymce.get('elm1').selection.getContent());return false;">[Get selected HTML]</a> <a href="javascript:;" onclick="alert(tinymce.get('elm1').selection.getContent({format: 'text'}));return false;">[Get selected text]</a> <a href="javascript:;" onclick="alert(tinymce.get('elm1').selection.getNode().nodeName);return false;">[Get selected element]</a> <a href="javascript:;" onclick="tinymce.execCommand('mceInsertContent',false,'<b>Hello world!!</b>');return false;">[Insert HTML]</a> <a href="javascript:;" onclick="tinymce.execCommand('mceReplaceContent',false,'<b>{$selection}</b>');return false;">[Replace selection]</a> </div> <div id="inline" style="height: 200px; overflow: auto"> <pre>Pre element</pre> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> <p><strong>abc</strong>def</p> </div> <div> <textarea style="height: 140px"> a b c d e </textarea> <div id="styles" style="width: 200px"> <p> <i>italic</i><b>bold</b> <img style="float: right" src="data:image/gif;base64,R0lGODlhIAAgAIAAAGB7/wAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs="> </p> <p> abc </p> </div> </div> </form> </body> </html>