Plugin SunEditor editor html WYSIWYG para WordPress

SunEditor: El Plugin HTML Wysiwyg para WordPress

Los editors HTML Wysiwyg son una herramienta clave para los desarrolladores de sitios web que necesitan crear contenido dinámico y contenido HTML. Estos editores son fáciles de usar y proporcionan a los usuarios una forma sencilla de crear contenido HTML. Uno de los editores HTML Wysiwyg más populares es el plugin SunEditor para WordPress. Este editor ofrece a los usuarios una gran variedad de características útiles que los ayudarán a crear contenido HTML de forma eficiente.

En esta pagina puedes descargar mi plugin para WordPress que te permite agregar el editor SunEditor con un shortcode a cualquier pagina o post de WordPress.

Características de SunEditor

El plugin SunEditor para WordPress es un editor HTML Wysiwyg fácil de usar con una gran variedad de características útiles. Algunas de estas características incluyen:

• Editor en línea: SunEditor ofrece un editor en línea que permite a los usuarios editar contenido HTML sin salir del sitio web. Esto le permite al usuario ver los cambios en tiempo real y ahorrar tiempo.
• Inserción de imágenes: SunEditor también ofrece una función de inserción de imágenes para que los usuarios puedan agregar imágenes a sus contenidos HTML. Esta función también le permite al usuario ajustar la imagen y ajustar el tamaño de la misma.
• Temas y estilos: SunEditor también ofrece a los usuarios la capacidad de cambiar el tema y el estilo del editor para que se adapte mejor a sus necesidades. Esto le permite al usuario personalizar el editor para que se adapte mejor a su sitio web.
• Opciones de exportación: SunEditor también ofrece opciones de exportación para que los usuarios puedan exportar el contenido HTML a otros formatos, como HTML, CSS y JavaScript.

Ventajas de SunEditor

SunEditor ofrece una serie de ventajas útiles para los usuarios. Algunas de estas ventajas incluyen:

• Fácil de usar: SunEditor es un editor HTML Wysiwyg fácil de usar. Esto significa que los usuarios no necesitan tener conocimientos previos sobre HTML para usarlo. Además, el editor también ofrece herramientas intuitivas para que los usuarios puedan crear contenido HTML de forma eficiente.
• Personalizable: SunEditor también es altamente personalizable. Los usuarios pueden cambiar el tema y el estilo del editor para que se adapte mejor a sus necesidades. Esto le permite al usuario personalizar el editor para que se adapte mejor a su sitio web.
• Rendimiento rápido: SunEditor es un editor HTML Wysiwyg de alto rendimiento. Esto significa que los usuarios pueden crear contenido HTML de forma rápida y eficiente sin tener que preocuparse por el rendimiento del editor.
• Compatible con varios navegadores: SunEditor es compatible con la mayoría de los navegadores modernos, lo que significa que los usuarios pueden usar el editor sin tener que preocuparse por los problemas de compatibilidad.

El plugin SunEditor para WordPress es un editor HTML Wysiwyg fácil de usar con una gran variedad de características útiles. Estas características incluyen un editor en línea, inserción de imágenes, temas y estilos personalizables y opciones de exportación.

Codigo del Plugin WordPress SunEditor

PHP del programa

<?php
/**
 * Plugin Name: 0 SunEditor Plugin html editor
 * Description: Integra SunEditor en WordPress usando un shortcode [suneditor]. Dar permiso a la url: https://cdn.jsdelivr.net en el plugin de cookies para que cargue el editor
 * Version: 1.0
 * Author: Juan Luis Martel
 * Author URI: https://www.webyblog.es
 */
 
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

function cargar_suneditor() {
    wp_enqueue_style( 'suneditor-css', 'https://cdn.jsdelivr.net/npm/suneditor@latest/dist/css/suneditor.min.css' );
    wp_enqueue_script( 'suneditor-js', 'https://cdn.jsdelivr.net/npm/suneditor@latest/dist/suneditor.min.js', array(), '1.0', true );
}
add_action( 'wp_enqueue_scripts', 'cargar_suneditor' );


function suneditor_shortcode() {
	ob_start();
	?>

	<textarea id="editorSun"></textarea>

	<script>
		document.addEventListener("DOMContentLoaded", function() {
			const editorSun = document.getElementById("editorSun");
			const sunEditorInstance = SUNEDITOR.create(editorSun, {
				// Configuración de SunEditor aquí (si es necesario)
                buttonList: [
                    ['undo', 'redo'],
                    ['fontSize', 'formatBlock'],
                    ['paragraphStyle', 'blockquote'],
                    ['bold', 'underline', 'italic'],
                    ['fontColor', 'hiliteColor', 'textStyle'],
                    ['removeFormat'],
                    '/', // Line break
                    ['outdent', 'indent'],
                    ['align', 'horizontalRule', 'list', 'lineHeight'],
                    ['table', 'link', 'image', 'video', 'audio'], // You must add the 'katex' library at options to use the 'math' plugin.
                    ['fullScreen', 'showBlocks', 'codeView'],
                    ['preview', 'print'],
                ],
				
			});
		});
	</script>

	<?php
	return ob_get_clean();
}
add_shortcode( 'suneditor', 'suneditor_shortcode' );