Estoy tratando de usar CKFinder 3 de una forma muy simple como la que se muestra a continuación, pero cuando presiono los botones "Examinar servidor", CKFinder aparece brevemente, luego la página se redirige a "save.php" como el botón submit se hizo clic. Si elimino las etiquetas <form> y </form> , CKFinder se abre normalmente, pero no puedo enviar el formulario. ¿Qué me estoy perdiendo aquí? ¡Gracias!

 ... <form action="save.php" method="post" > <input id="ckfinder-input-1" type="text" > <button id="ckfinder-modal-1">Browse Server</button> <div style="height: 5px"></div> <input id="ckfinder-input-2" type="text" > <button id="ckfinder-modal-2">Browse Server</button> <div style="height: 5px"></div> <button type="submit">Save</button> </form> ... <script src="ckfinder/samples/js/sf.js"></script> <script src="ckfinder/samples/js/tree-a.js"></script> <script src="ckfinder/ckfinder.js"></script> <script> var button1 = document.getElementById( 'ckfinder-modal-1' ); var button2 = document.getElementById( 'ckfinder-modal-2' ); button1.onclick = function() { selectFileWithCKFinder( 'ckfinder-input-1' ); }; button2.onclick = function() { selectFileWithCKFinder( 'ckfinder-input-2' ); }; function selectFileWithCKFinder( elementId ) { CKFinder.modal( { chooseFiles: true, width: 800, height: 600, onInit: function( finder ) { finder.on( 'files:choose', function( evt ) { var file = evt.data.files.first(); var output = document.getElementById( elementId ); output.value = file.getUrl(); } ); finder.on( 'file:choose:resizedImage', function( evt ) { var output = document.getElementById( elementId ); output.value = evt.data.resizedUrl; } ); } } ); } </script>