Aloha editor: Insertar imágenes/imágenes

Question

Estoy usando Aloha editor para editar contenido en un sitio web con PHP y MySQL. Está funcionando bien, pero necesito poder insertar imágenes/imágenes. Encontré un plugin de editor Aloha para eso. Estos son algunos enlaces:

• http://labs.tapo-it.com/aloha-editor/image-plugin/
• http://aloha-editor.org/wiki/ImagePlugin
• https://github.com/alohaeditor/Aloha-Plugin-Image

No es an example in the first link. Sin embargo, no puedo ejecutar el complemento en la última versión de Aloha editor y jQuery. No se carga y Chrome dice:

image.js:30 Uncaught TypeError: Cannot read property 'fn' of undefined 

No tengo ni idea sangrienta de lo que esto significa.

Lo ideal es que el usuario pueda seleccionar una imagen de una lista de imágenes que se encuentran en el servidor. Estos se encuentran en un único directorio y también tienen una tabla MySQL para ellos. Sospecho que aquí es donde entra el repositorio, pero no pude entender cómo implementarlo.

¿Alguien ha tenido suerte al usar este complemento en Aloha editor, o ha encontrado alguna otra forma de insertar imágenes?

Answer 1

Un poco demasiado tarde, pero si necesita hice un plugin simple para Aloha Editor para insertar/cargar una imagen. Este complemento es parte de mi complemento de Symfony 1.x para integrar fácilmente Aloha en una aplicación de Symfony.

Esta es la fuente del Symfony plugin.

Y aquí está my image insert/upload plugin.

Es realmente simple, y probablemente podría mejorarse. No utiliza un repositorio de archivos del lado del servidor como espera, así que esto solo responde a sus "otras formas de insertar imágenes" de su pregunta.

Answer 2

Escribí esto para que otro editor lo publique en imágenes. Lejos de ser perfecto, pero debería funcionar. Sólo es necesario cambiar el .te a tu editores iframe

$SQL = "SELECT * FROM PHOTO_GALLERY"; 
    $result = mysql_query($SQL); 
    while($row = mysql_fetch_array($result)) { 
    $photo_id = $row["photo_id"]; 
    $photo = $row["photo"]; 
    $photo_name = $row["photo_name"]; 

$picture = "<img alt='$photo_name' title='$photo_name' src='http://$domain/$photo'>"; 

echo '<span style="cursor:pointer" class="picture_'.$photo_id.'"><img title="Click to add image" alt="'.$photo_name.'" height="50" src="/'.$photo.'" width="50"/></span> 


< script> 
$(document).ready(function(){ 
$(".picture_'.$photo_id.'").click(function() { 
$(".te").contents().find("body").append("'.$picture.'"); 
}); 
}); 
< /script>