Shortcodes diseñará en Editor de Visual

Question

¿Alguien sabe cómo el estilo del editor visual de manera que cuando se utilizan códigos cortos específicos que son reemplazados con una imagen en el editor visual?

he encontrado que muchos usuarios de la pata del texto abreviado o eliminar por error cuando se utiliza el editor visual de lo que me gustaría de códigos cortos a ser reemplazados con imágenes paceholder en el editor visual. editor de HTML sería aún muestran los códigos de embargo.

Answer 1

No tengo una solución de trabajo a la mano, pero lo que me gustaría hacer es analizar cómo se hace esto para los más separador. En el editor de HTML, hay <!-- more -->, en el editor visual, se muestra una imagen en su lugar.

Esto se realiza mediante la extensión del editor tinyMCE - que es la base del editor visual en wordpress - con un plugin. Para obtener más información acerca de los plugins TinyMCE, a encontrar más ejemplos y documentación en el wiki Moxiecode: Creación de un plugin para TinyMCE (3.x) .

encontrar código de ejemplo en el siguiente archivo:

wp-includes/js/tinymce/plugins/wordpress/editor_plugin.dev.js

Funciona básicamente mediante la sustitución de contenido (por ejemplo el [mycode] código corto) con un poco de HTML predefinido que contiene la imagen. Antes de que el obtener el contenido es publicado, se sustituye de nuevo con el HTML original. Puede hacer uso de expresiones regulares en el proceso. El eslabón más está mostrando esta bastante bien.