Cómo solucionar problema con wp_editor()

pedro56 · 2020-08-28T15:17:16-0500

Hola comunidad 🧡

Estoy utilizando la función wp_editor() para generar un simple editor de texto en un elemento textarea, el problema es que cuando inserto una imagen en el editor y la publico, en la publicación sale como si la imagen fuera una cadena de texto entre comillas, sale así: “<img src="https://imagenes247.com/wp-content/uploads/2018/12/cumple_ayeryhoy2.jpg" />” en vez de la imagen.

Como podría solucionar esto para que salga la imagen.

Ver imagen adjunta del problema:

Y en el código fuente sale así:

Insertar CODE, HTML o PHP:

<p>&lt;img src="https://imagenes247.com/wp-content/uploads/2018/12/cumple_ayeryhoy2.jpg" /&gt;</p>

Este es el editor de texto que estoy contruyendo:

Gracias de antemano por su ayuda.

pedro56 · 2020-08-28T16:45:28-0500

Alguien que me pueda ayudar por favor...

josepstel · 2020-08-28T17:07:45-0500

La imagen la insertas con código? Si es asi el editor lo toma como un texto plano en como texto visual. Tienes que adjuntarla desde el botón o con código pero poniendo la pestaña html http://hookr.io/functions/wp_editor/

pedro56 · 2020-08-28T17:15:54-0500

josepstel dijo:
La imagen la insertas con código? Si es asi el editor lo toma como un texto plano en como texto visual. Tienes que adjuntarla desde el botón o con código pero poniendo la pestaña html http://hookr.io/functions/wp_editor/

Hola @josepstel, gracias por tu respuesta.

La imagen la coloco en el editor así: <img src="https://imagenes247.com/wp-content/uploads/2018/12/cumple_ayeryhoy2.jpg" />

Ver imagen:

¿Según tu como la puedo ajustar con código?

pedro56 · 2020-08-28T17:54:37-0500

¿Alguien me puede ayudar?

Tglex · 2020-08-28T18:02:26-0500

Creo que ya josepstel te dio la respuesta, lo que pasa es que estas usando el editor de como si estuviera en la pestaña "Visual" por lo que el código que pegas lo toma literal como un string, no como etiquetas válidas de HTML, incluso si ves en la parte de abajo de tu captura puedes ver que esta la "P" de que tu texto está dentro de una etiqueta de parrafo <p>. Tienes que modificar tu llamada al wp_editor() para agregarle la pestaña "texto" que es la que te permite usar etiquetas, o de plano hacer que esa sea la pestaña por default en lugar de TinyMCE (La visual).

Estos enlaces te serán de ayuda:

wp_editor() – Function | Developer.WordPress.org

Renders an editor.

developer.wordpress.org

_WP_Editors::parse_settings() – Method | Developer.WordPress.org

Parse default arguments for the editor instance.

developer.wordpress.org

pedro56 · 2020-08-28T18:13:09-0500

Hola @Tglex.

Gracias por tu respuesta.

Es altamente probable que tengas razón, mi editor esta en modo visual, eso es lo que me haz hecho pensar.

Mira, este es el código php que estoy utilizando para generar el editor:

Insertar CODE, HTML o PHP:

<?php
$content   = '';
$editor_id = 'member_signature';
$args = array(
    'tinymce'       => array(
        'toolbar1'      => 'bold,italic,link,unlink,undo,redo',
        'toolbar2'      => '',
        'toolbar3'      => '',
    ),
);
wp_editor( $content, $editor_id, $args );
?>

Pero la verdad no se como pasarlo a modo texto.

Me podrías ayudar.

Gracias de antemo.

Tglex · 2020-08-28T18:36:01-0500

Puedes intentar agregando en el array de $args lo siguiente, lo cual haría que el editor de codigo sea el que se muestra por default

Insertar CODE, HTML o PHP:

<?php
$content = '';
$editor_id = 'member_signature';
$args = array(
'default_editor' => 'quicktags',
'tinymce' => array(
'toolbar1' => 'bold,italic,link,unlink,undo,redo',
'toolbar2' => '',
'toolbar3' => '',
),
);
wp_editor( $content, $editor_id, $args );
?>

Ahora, si quieres que se muestre el visual pero agregar los botones para que agreguen imagenes, debería ser algo así:

Insertar CODE, HTML o PHP:

<?php
$content = '';
$editor_id = 'member_signature';
$args = array(
'media_buttons' => true,
'tinymce' => array(
'toolbar1' => 'bold,italic,link,unlink,undo,redo',
'toolbar2' => '',
'toolbar3' => '',
),
);
wp_editor( $content, $editor_id, $args );
?>

Aunque no se si para que puedan subir archivos los usuarios deban tener un rol que se los permita.

Checa en un sitio de prueba antes porque no he probado el código para asegurar que funcione.

pedro56 · 2020-08-28T18:48:39-0500

Gracias...

Voy a probar y te digo.

pedro56 · 2020-08-28T19:00:04-0500

Hola @Tglex, prove los dos codigos y sigue igual...

Se publica entre comillas:

¿Alguna otra solución?

Cicklow · 2020-08-28T19:04:21-0500

Pregunta basica, en la base de datos se guarda como html? o como html convertido?¡... porque puede que no sea el editor, sino el muestreo del contenido...
Mira ese mensaje en la base de datos a ver si se guardo con < o >...

pedro56 · 2020-08-28T19:12:22-0500

Hola @cicklow, gracias por tu ayuda.

Mirando el código fuente de la pagina, sale así:

Tienes razón en lo que dices, quizás sea esto...

¿Como podríamos resolverlo?

Cicklow · 2020-08-28T19:15:43-0500

pedro56 dijo:
Hola @cicklow, gracias por tu ayuda.

Mirando el código fuente de la pagina, sale así:

Ver el archivo adjunto 338443

Tienes razón en lo que dices, quizás sea esto...

¿Como podríamos resolverlo?

el codigo fuente no ayudara mucho, pero es buen indicio, hay que ver como mostras el contenido de la base de datos, puede que estes usando alguna funcion de php para convertir el html en texto...
Pero antes de andar mirando x todos lados, seria mejor ver en la bd como se guardo, si se guarda con > es el editor, si se guarda con < es el muestreo del contenido

pedro56 · 2020-08-28T19:20:38-0500

@cicklow sabia respuesta...

No tengo idea de como mirar esto en la base de datos...

No tengo muchas destrezas en el manejo de phpMyAdmin.

¿Podrías decirme como miro esto?

arnego2 · 2020-08-28T19:26:12-0500

Creo que tu editor no utiliza el utf -8 sino otro o ninguno. Tus <a se convierte en /%gt

pedro56 · 2020-08-28T19:27:42-0500

Gracias por tu ayuda @arnego2.

Cómo podríamos solucionar esto?

josepstel · 2020-08-28T19:27:46-0500

Tienes estas dos pestañas activas? https://prnt.sc/u7sfc8

pedro56 · 2020-08-28T19:30:02-0500

Evidentemente no @josepstel.

Mira:

¿Como podríamos resolverlo?

arnego2 · 2020-08-28T19:30:26-0500

pedro56 dijo:
Gracias por tu ayuda @arnego2.

Cómo podríamos solucionar esto?

Como es la collation de base de datos?

pedro56 · 2020-08-28T19:32:01-0500

@arnego2 no tengo mucha destreza en base de datos...

Pero si me indicas como mirar lo haré.

Cómo solucionar problema con wp_editor()

pedro56

pedro56

josepstel

pedro56

pedro56

Tglex

wp_editor() – Function | Developer.WordPress.org

_WP_Editors::parse_settings() – Method | Developer.WordPress.org

pedro56

Tglex

pedro56

pedro56

Cicklow

pedro56

Cicklow

pedro56

arnego2

pedro56

josepstel

pedro56

arnego2

pedro56

Temas similares