Foros del Web » Programando para Internet » Javascript »

imagenes con TinyMCE

Estas en el tema de imagenes con TinyMCE en el foro de Javascript en Foros del Web. hola estoy trabajando con tinymce y quiero saber como puedo subir imagenes con el browse, hasta ahorita solo puedo colocarlas si ingreso su url, he ...
  #1 (permalink)  
Antiguo 21/03/2013, 11:45
 
Fecha de Ingreso: marzo-2013
Mensajes: 1
Antigüedad: 11 años, 1 mes
Puntos: 0
imagenes con TinyMCE

hola estoy trabajando con tinymce y quiero saber como puedo subir imagenes con el browse, hasta ahorita solo puedo colocarlas si ingreso su url, he intentado configurar el plug ibrowser pero no encuentro como hacerlo.

Código:

<script type="text/javascript" src="recursos/jquery-1.7.min.js"></script>




<script type="text/javascript" src="sistema/recursos/tiny_mce/plugins/jbimages/config.php"></script>






<!-- Inicia Scripts editor de textos-->
<script type="text/javascript" src="recursos/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="recursos/tiny_mce/plugins/tinybrowser_p/tb_tinymce.js.php"></script>
<script type="text/javascript">

tinyMCE.init({

// General options
mode : "textareas",

file_browser_callback : "tinyBrowser",
theme : "advanced",

plugins : "tinybrowser,safari,spellchecker,pagebreak,style,l ayer,table,save,advhr,advimage,advlink,emotions,ie spell,inlinepopups,insertdatetime,preview,media,se archreplace,print,contextmenu,paste,directionality ,fullscreen,noneditable,visualchars,nonbreaking,xh tmlxtras,template,imagemanager,filemanager",

// Theme options
theme_advanced_buttons1 : "pastetext,pasteword,|,bold,italic,underline,|,jus tifyleft,justifycenter,justifyright,justifyfull,fo ntselect,fontsizeselect,forecolor,backcolor,|,bull ist,numlist,|,link,unlink,emotions,media,image,fil emanager,|,removeformat,code,fullscreen,table,tabl econtrols",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",

theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true,
// Example content CSS (should be your site CSS)
content_css : "css/example.css",

// Drop lists for link/image/media/template dialogs
template_external_list_url : "js/template_list.js",
external_link_list_url : "js/link_list.js",
external_image_list_url : "js/image_list.js",
media_external_list_url : "js/media_list.js",
//
//
// Replace values for the template plugin
template_replace_values : {
username : "Some User",
staffid : "991234"
}
});
</script>
<!-- Finaliza Scripts editor de textos-->


<?php
include "revisar_acceso.php";
include "conexion.php";

if(!isset($_GET["orden"])){
$orden = "titulo"; //ordenamiento por defecto
}else{
$orden = $_GET["orden"];
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
</head>

<body>
<form name="form1" method="post" action="agregar_reto2.php" enctype="multipart/form-data">
<table width="98%" border="0" cellspacing="0" cellpadding="3">
<tr>
<td width="124"><h2>Retos</h2></td>
<td width="564">&nbsp;</td>
</tr>
<tr>
<td>Titulo:</td>
<td><input type="text" name="titulo" id="titulo"></td>
</tr>
<tr>
<td>Autores:</td>
<td><input type="text" name="autores" id="autores"></td>
</tr>
<tr>
<td align="left">Adjuntar imagen:</td>
<td><input type="file" name="foto" ></td>
</tr>
<tr>
<td>descripción:</td>
<td><textarea name="descripcion" cols="" rows=""></textarea></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input name="button" type="submit" class="btn btn-primary" id="button" value="Agregar reto"></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2">
<table width="98%" border="0" cellspacing="0" cellpadding="3" class="table table-bordered">
<tr class="info">
<td><a href="agregar_reto.php?orden=titulo#ancla">Titulo</a><a name="ancla"></a></td>
<td><a href="agregar_reto.php?orden=autores#ancla">Autore s</a></td>
<td><a>imagen</a></td>
<td><a href="agregar_reto.php?orden=descripcion#ancla">De scripción</a></td>

<td>Borrar</td>

<td>Publicar</td>

<td>Publicar</td>

</tr>
<?php
$sql = "select *
from reto
where reto.id_reto = reto.id_reto
order by $orden


";
$res = mysql_query($sql);
while($cursor = mysql_fetch_array($res)){
extract($cursor);

echo "<tr>




<td>$titulo</td>
<td>$autores</td>
<td><img src='fotos/$imagen'></td>
<td>$descripcion</td>

<td><a href='borrar_reto.php?id=$id_reto'>Eliminar</a></td>

<td><a href='publicar_reto.php?id=$id_reto'>Publicar</a></td>






<td><a href='publicar_reto_masnuevo.php?id=$id_reto'>Publ icar en Nuevo</a></td>
</tr>";
}
?>
</table></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</form>
</body>
</html>
  #2 (permalink)  
Antiguo 21/03/2013, 14:26
Avatar de miguec04  
Fecha de Ingreso: agosto-2008
Ubicación: Cimitarra, Santander
Mensajes: 378
Antigüedad: 15 años, 8 meses
Puntos: 15
Respuesta: imagenes con TinyMCE

Esta librería tiene sus instrucciones bien claras de utilización y hay mucha documentación para hacer esto es solo buscar y ya, ahora no pongas ese código así suelto, usa las etiquetas de codigo del editor
__________________
Desoftc Technology - Miguel Carmona
Creaciones Inteligentes - Cimitarra Colombia
[email protected]
http://www.desoftc.com.co
  #3 (permalink)  
Antiguo 22/05/2013, 08:05
 
Fecha de Ingreso: septiembre-2009
Ubicación: Queretaro
Mensajes: 51
Antigüedad: 14 años, 7 meses
Puntos: 2
Respuesta: imagenes con TinyMCE

La verdad yo te recomendaria que uses el iFmup en vez de iBrowser, el ibrowser aveces no funciona, este que te comento tambien es gratis, muy facil de usar e instalar.

https://github.com/curda/iFmup

saludos

Etiquetas: imagenes, soporte-y-sugerencias, tinymce
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:03.