¿Cómo cargar imágenes de palabras en lotes en ueditor?
1. Código de referencia de la interfaz
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<cabeza>
<meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />
<title> Ejemplo de versión completa del editor 1.2.6.0 </title>
<script type = "text / javascript" src = "ueditor.config.js" charset = "utf-8"> </script>
<script type = "text / javascript" src = "ueditor.all.js" charset = "utf-8"> </script>
<link type = "text / css" rel = "Hoja de estilo" href = "WordPaster / css / WordPaster.css" />
<link type = "text / css" rel = "Hoja de estilo" href = "WordPaster / js / skygqbox.css" />
<scrip ttype = "text / javascript" src = "WordPaster / js / json2.min.js" charset = "utf-8"> </script>
<scrip ttype = "text / javascript" src = "WordPaster / js / jquery-1.4.min.js" charset = "utf-8"> </script>
<scrip ttype = "text / javascript" src = "WordPaster / js / WordPaster.js" charset = "utf-8"> </script>
<scrip ttype = "text / javascript" src = "WordPaster / js / skygqbox.js" charset = "utf-8"> </script>
</head>
<cuerpo>
<textarea name = "clave del valor de fondo" id = "myEditor"> escribe tu contenido inicial aquí </textarea>
<script type = "text / javascript">
var pasterMgr = new WordPasterManager ();
pasterMgr.Config ["PostUrl"] = "http: // localhost: 81 / WordPaster2 / WordPasterUEditor1x / php / upload.php"
pasterMgr.Load (); // Control de carga
UE.getEditor ('myEditor', (onready: function () {// Crea una instancia de editor
pasterMgr.SetEditor (esto);
}});
</script>
</body>
</html>
solicitud
La solicitud predeterminada para la carga de archivos es un archivo como datos de formulario con un campo "cargar".
Respuesta: el archivo se cargó correctamente
La respuesta JSON cuando el archivo se carga correctamente:
subido- se establece en 1.
fileName: el nombre del archivo cargado.
url: la URL del archivo cargado.
Respuesta: No se pudo cargar el archivo.
subido- se establece en 0.
error.message: el mensaje de error que se mostrará al usuario.
2. La ruta de la imagen en la palabra pegada es fill: // D. Entiendo que este formato no es compatible con muchos navegadores que no son seguros.
El proyecto actual utiliza un método flexible:
Primero cargue la palabra al fondo, analice poi, guarde la imagen, convierta el html, reemplace la imagen y muéstrela en el cuadro de texto enriquecido
(Hay un hueco en la pantalla de texto enriquecido: no se encuentra ninguna forma de asignar directamente un valor al texto enriquecido, el registro debe destruirse primero
éxito: función (datos) {
$ ('# contenido'). attr ('valor', data.imagePath);
var editor = CKEDITOR.instances ["contenido"]; // El valor del atributo "nombre" de su editor
if (editor) {
editor.destroy (true); // Destruye el editor
}
CKEDITOR.replace ('content'); // Reemplazar el editor, editorID es el valor del atributo "id" de ckeditor
$ ("# contenido"). val (resultado); // Asignar un valor al editor
//CKEDITOR.instances.contentCkeditor.setData ($ ("# contenido"). Text ());
}
3. Reciba la imagen cargada y guárdela en el servidor
<? php
ob_start ();
// 201201/10
$ timeDir = fecha ("Ym"). "/". fecha ("d");
$ uploadDir = dirname (__ FILE __). '/ upload /'.$ timeDir;
$ curDomain = "http: //". $ _ SERVER ["HTTP_HOST"]. "/";
// Ruta relativa http://www.ncmem.com/upload/2012-1-10/
$ relatPath = $ curDomain. "WordPaster2 / WordPasterUEditor1x / php / upload /". $ timeDir. "/";
// Crear directorio automáticamente. upload / 2012-1-10
if (! is_dir ($ uploadDir))
{
mkdir ($ uploadDir, 0777, verdadero);
}
// Si la página PHP está codificada en UTF-8, utilice urldecode para decodificar el nombre del archivo
// $ fileName = urldecode ($ _ FILES ['postedFile'] ['nombre']);
// Si la página PHP tiene codificación GB2312, el nombre del archivo se puede leer directamente
$ fileName = $ _FILES ['archivo'] ['nombre'];
$ tmpName = $ _FILES ['archivo'] ['tmp_name'];
// Toma la extensión de archivo jpg, gif, bmp, png
$ path_parts = pathinfo ($ fileName);
$ ext = $ path_parts ["extensión"];
$ ext = strtolower ($ ext); // jpg, png, gif, bmp
// Permitir solo subir archivos de tipo imagen
si ($ ext == "jpg"
|| $ ext == "jpeg"
|| $ ext == "png"
|| $ ext == "gif"
|| $ ext == "bmp")
{
// Year_month_day_hour, minuto, segundo, milisegundo.jpg
$ saveFileName = $ fileName;
//xxx/2011_05_05_091250000.jpg
$ savePath = $ uploadDir. "/". $ saveFileName;
// Guardar como nuevo nombre de archivo
if (! move_uploaded_file ($ tmpName, $ savePath))
{
exit ('¡error de carga!'. "Nombre de archivo:". $ fileName. "Guardar ruta:". $ savePath);
}
}
// Ruta de la imagen de salida
// $ _ SERVER ['HTTP_HOST'] localhost: 81
// $ _ SERVER ['REQUEST_URI'] /FCKEditor2.4.6.1/php/test.php
$ reqPath = str_replace ("upload.php", "", $ _ SERVER ['REQUEST_URI']);
echo $ relatPath. $ saveFileName;
encabezado ('Tipo de contenido: texto / html; juego de caracteres = utf-8');
header ('Contenido-Longitud:' .ob_get_length ());
?>
Mostrar resultados:
Debe configurarlo antes de usarlo, puede consultar este artículo que escribí: http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5% 9B% BE% E7% 89% 87 /
Grupo de discusión: 223813913