Jimmy Codeviewer

Jimmy Codeviewer

junio 22, 2019 Comunidad 0
[ihc-hide-content ihc_mb_type=”show” ihc_mb_who=”1,2,3″ ihc_mb_template=”1″ ]
▷ ▷ Descargar y Fuente del Plugin ◁ ◁
[/ihc-hide-content]

Descripción

Jimmy Codeviewer es una biblioteca de códigos cortos para cargar texto, SVG (gráficos vectoriales escalables) y otros scripts para páginas de WordPress. Al usar este complemento, puede reducir la cantidad de su código, por ejemplo, si desea poner una muestra proporcional de código de programación en su página, simplemente escriba un código abreviado, luego obtendrá la muestra con los números de línea y las palabras de colores que deseaba. . Además, puede hacer páginas con un diseño similar al de las revistas en papel usando “magazine”, una plantilla de tema.

Introducción

En mi mente, me propuse hacer un visor para el código de programación para mi sitio que presenta mis artículos. Estaba bien y llamó a este plugin como “Jimmy Codeviewer”. Pero al hacer “Jimmy Codeviewer”, creo que este podría ser un visor de texto multipropósito. En este momento, muchos sitios de noticias tienen un diseño muy simple para sus contenidos. Puedes ver revistas o periódicos en un puesto de periódicos todos los días, y estos son tan coloridos y ricos en diseño. Solo quiero esto en internet. El colorido diseño-riqueza en realidad nos hace un poco de atención y afecto. Los navegadores web están aumentando su capacidad de reproducción en este momento. Este desafío: hacer revistas o periódicos en Internet, no es un sueño, sino un verdadero en Internet. Además, traté de cambiar WordPress a SVG-Free. SVG (gráficos vectoriales escalables) es uno de los contenedores de gráficos vectoriales. Es como HTML y JavaScrpt. Esta es exactamente la razón por la que la comunidad de WordPress prohíbe cargar archivos SVG por Media Uploader. Si los SVG son códigos de programación, estos deben almacenarse como scripts en las páginas. Pero los “Mensajes” y “Páginas” tienen sus propios propósitos como páginas públicas. Así que decidí hacer “jArticles”, páginas internas y almacenar textos, SVG y scripts para “jArticles”. Para cargar “jArticles” en “Publicaciones”, hice varios códigos cortos de WordPress.

Jimmy Codeviewer consta de tres departamentos que tienen varios códigos y funciones de WordPress.

I. Visor de código

a. Códigos cortos: [codeview_byid] y [codeview_byname] para mostrar el texto en “Mensajes”.

segundo. Instrucciones de edición: (editar (ejemplo)) para hacer marcas HTML u otros códigos literales escapados en las páginas de “jArticles”.

do. Hoja de estilo: Hoja de estilo CSS para facilitar el diseño web con el Visor de código.

II. Cargador de artículo

a. Códigos cortos: [articleloader_byid] y [articleloader_byname] para mostrar SVGs u otros scripts en “Publicaciones”.

III. Cambiador de color y estilo

a. Códigos cortos: [init_spansearch], [spansearch] y [spansearch_all] Para cambiar el color del texto y otros estilos. [divsearch] para cambiar los estilos de fila.

segundo. JavaSctipt: “spanSearch” y su familia, el motor para proporcionar los códigos cortos anteriores para funcionar.

Derechos de autor

The Jimmy Codeviewer, un complemento de WordPress, Copyright 2017 Kenta Ishii
Jimmy Codeviewer se distribuye bajo los términos de la GPL de GNU.

Este programa es software libre: puedes redistribuirlo y / o modificarlo.
bajo los términos de la Licencia Pública General GNU tal como fue publicada por
la Free Software Foundation, ya sea la versión 2 de la Licencia, o
(a su elección) cualquier versión posterior.

Este programa se distribuye con la esperanza de que sea útil,
Pero SIN NINGUNA GARANTÍA; sin ni siquiera la garantía implícita de
COMERCIABILIDAD o APTITUD PARA UN PROPÓSITO PARTICULAR. Ver el
GNU General Public License para más detalles.

Capturas de pantalla

  • Ejemplo de uso de shortcodes, serie 'codeview'.
  • Ejemplo de uso de códigos cortos, series 'spansearch' y series 'articleloader'.

Instalación

Desde “Complementos” de su página de administración, solo busque e instale “Jimmy Codeviewer”. Asegúrese de activar “Jimmy Codeviewer” en “Plugins instalados”, un submenú “Plugins”.

Puede descargar y probar la última versión de este complemento desde el repositorio público de GitHub. https://github.com/JimmyKenMerchant/jimmy-codeviewer/

Este complemento utiliza varios dominios de texto. Los nombres de los códigos cortos pueden entrar en conflicto con los códigos cortos en otros complementos. El nombre del tipo de publicación, “jArticle” está considerando su nombre único, pero incluso “jArticle”, este nombre puede entrar en conflicto con otros nombres. LATEX, un renombrado sistema de preparación de documentos digitales, utiliza “jarticle” como clase de documento japonés. Pero creo que, en WordPress, “jArticle” como uno de los tipos de post es un nombre único. Antes de activar este complemento, asegúrese de verificar el conflicto de nombres entre este complemento y otros. CSS incrustado en este complemento usa varios nombres para identificadores y clases de HTML, como contenido de la revista. Si se encuentra con algún conflicto de nombres en las identificaciones o clases de HTML completas en su página, cambie estos nombres para guardar cada nombre único. Cambiando nombres de ids y clases en style-codeviewer.css no afecta las funciones de los códigos cortos en este complemento.

Este complemento quiere que la codificación del texto sea UTF-8, de lo contrario, se encontrará con una devolución vacía de código HTML. Ajuste de UTF-8 a mb_detect_encoding y mb_convert_encoding es útil. Además, puede usar UTF-8 como predeterminado de PHP, por ejemplo, establecer default_charset = UTF-8 en php.ini . Es posible que necesite ajustes de Multibyte String Extension (php-mbstring) y más para adaptarse a la codificación UTF-8. Asegúrese de configurar UTF-8 en HTML, por ejemplo, escriba en la etiqueta de la cabeza. Además, el conjunto de caracteres Table de MySQL necesita utf8mb4 cotejar necesidades utf8mb4_unicode_ci . UTF-8 es ultimatelly en formato de bytes para Unicode. Si desea buscar Unicode sin formato, es posible que necesite un estilo Unicode utf-16, como / x {2010} / u .

Preguntas más frecuentes

Instrucciones de instalación

Desde “Complementos” de su página de administración, solo busque e instale “Jimmy Codeviewer”. Asegúrese de activar “Jimmy Codeviewer” en “Plugins instalados”, un submenú “Plugins”.

Puede descargar y probar la última versión de este complemento desde el repositorio público de GitHub. https://github.com/JimmyKenMerchant/jimmy-codeviewer/

Este complemento utiliza varios dominios de texto. Los nombres de los códigos cortos pueden entrar en conflicto con los códigos cortos en otros complementos. El nombre del tipo de publicación, “jArticle” está considerando su nombre único, pero incluso “jArticle”, este nombre puede entrar en conflicto con otros nombres. LATEX, un renombrado sistema de preparación de documentos digitales, utiliza “jarticle” como clase de documento japonés. Pero creo que, en WordPress, “jArticle” como uno de los tipos de post es un nombre único. Antes de activar este complemento, asegúrese de verificar el conflicto de nombres entre este complemento y otros. CSS incrustado en este complemento usa varios nombres para identificadores y clases de HTML, como contenido de la revista. Si se encuentra con algún conflicto de nombres en las identificaciones o clases de HTML completas en su página, cambie estos nombres para guardar cada nombre único. Cambiando nombres de ids y clases en style-codeviewer.css no afecta las funciones de los códigos cortos en este complemento.

Este complemento quiere que la codificación del texto sea UTF-8, de lo contrario, se encontrará con una devolución vacía de código HTML. Ajuste de UTF-8 a mb_detect_encoding y mb_convert_encoding es útil. Además, puede usar UTF-8 como predeterminado de PHP, por ejemplo, establecer default_charset = UTF-8 en php.ini . Es posible que necesite ajustes de Multibyte String Extension (php-mbstring) y más para adaptarse a la codificación UTF-8. Asegúrese de configurar UTF-8 en HTML, por ejemplo, escriba en la etiqueta de la cabeza. Además, el conjunto de caracteres Table de MySQL necesita utf8mb4 cotejar necesidades utf8mb4_unicode_ci . UTF-8 es ultimatelly en formato de bytes para Unicode. Si desea buscar Unicode sin formato, es posible que necesite un estilo Unicode utf-16, como / x {2010} / u .

Tutorial I – III

Visite mi sitio para ver ejemplos de diseño, y en realidad cómo escribir HTML y códigos cortos en sus publicaciones. http://electronics.jimmykenmerchant.com/jimmy-codeviewer/

I. Breve
Primero, publique su texto o SVG en “jArticles”. Segundo, los llamas en “Publicaciones” usando códigos cortos. Si desea cambiar el color o el estilo en alguna cadena y fila en particular, use los códigos cortos como se indica a continuación.

II. Publique su texto o SVG en “jArticles”
Después de activar este complemento, puede ver el menú “jArticles” en la barra lateral de administración. Haz clic aquí, luego edita tu texto y publica. Asegúrese de anotar la ID de la publicación (en la URL de la propia página del editor) o la bala que creó. Este “jArticle” no se puede mostrar públicamente en su sitio.

III. Llamando “jArticles” en “Posts”
Ahora puedes usar shortcodes en “Posts”. En el uso de shorcodes 'codeview', etiquetado automático (

y / o
) para su publicación se deshabilitará, y se borrarán automáticamente las sangrías para los códigos cortos de “vista de código”.

a. [codeview_byid theme="default" id="desc" start="1" count="5"]111 (ID del contenido del artículo)[/codeview_byid] :
Muestra la línea No.1 y las 5 líneas secuenciadas desde el No.1 en el texto del jArticle, la ID de la publicación es “111” y asigna cada ID de fila como “desc- (su número de línea)” y la clase de la tabla como “desc” con plantilla predeterminada.

segundo. [codeview_byname theme="magazine" id="text" start="4"]algo (nombre de babosa del contenido de jArticle)[/codeview_byname] :
Muestra la línea No.4 en el texto del artículo de j, la barra de publicación es “algo” y asigna cada ID de fila como “texto- (su número de línea)” y la clase de la tabla como “texto” con plantilla de revista.

“Tema =” revista “” significa crear etiquetas HTML con plantilla de revista, por ejemplo, si usa una plantilla de revista, el color de fondo de su texto se vuelve transparente. Además, si usa una plantilla predeterminada, el color de fondo se vuelve azul.

Los estilos pueden cambiar individualmente en cada shortcode. Puedes usar los atributos de abajo.

(1) ‘id’ // ID para agregar
(2) ‘inicio’ // Número de línea inicial
(3) “recuento” // El número de filas que desea mostrar
(4) ‘ancho’ // ancho de este bloque
(5) 'número-ancho' // ancho del número
(6) ‘texto-alinear’
(7) «altura de línea»
(8) ‘color’
(9) «número-color»
(10) ‘color de fondo’
(11) «color de fondo impar»
(12) «color de fondo par»
(13) «familia de fuentes»
(14) 'tamaño de letra'
(15) ‘fuente-estilo’
(16) «font-weight»
(17) «opacidad»
(18) ‘padding-top’
(19) 'derecho de relleno'
(20) ‘relleno inferior’
(21) 'relleno-izquierda'
(22) “espacio en blanco” // ajuste o línea para palabras) preformateado “pre-wrap”, “pre”, “normal”, “nowrap”
(23) «título» // Nombre del título con el código
(24) ‘line10-color’ // color de fuente
(25) ‘line20-color’ // color de fuente
(26) ‘line10-1’ // número de línea (absoluto) que desea color LINE10COL
(27) ‘line10-2’ // número de línea (absoluto) que desea color LINE10COL
(28) ‘line10-3’ // número de línea (absoluto) que desea color LINE10COL
(29) ‘line20-1’ // número de línea (absoluto) que desea color LINE20COL
(30) ‘line20-2’ // número de línea (absoluto) que desea color LINE20COL
(31) ‘line20-3’ // número de línea (absoluto) que desea color LINE20COL
(32) ‘edición-instrucción’ // Si es “Verdadero” o “verdadero”, habilita las Instrucciones de edición

No.6 a No.22 son similares a los atributos de estilo HTML. Pero si usa espacios en valores sin comillas, los argumentos para la función spanSearch (JavaScript) se romperán. No.1 a No.5 son los básicos para hacer la tabla. Asegúrate de añadir % en el valor de número ancho. No.23 a No.31 se usan en la visualización de códigos de programación para cambiar el color de la fuente en filas particulares. No.32 es habilitar las instrucciones de edición. En el tema por defecto, está deshabilitado. Además, en el tema de la revista, está habilitado.

Jimmy Codeviewer nunca consideró poner las mismas líneas en una página varias veces. Por lo tanto, si asigna el mismo ID a las tablas que tienen los mismos números de línea, se encontrará con el conflicto de ID y los problemas funcionales en la serie “spansearch” y en “divsearch”.

do. [articleloader_byid"]111 (ID del contenido del artículo)[/articleloader_byid] :
re. [articleloader_byname"]algo (nombre de babosa del contenido de jArticle)[/articleloader_byname] :
Del mismo modo, las series de “vista de código”, muestran artículos en sus publicaciones. Pero estos no son para texto sino para scripts. SVGs y otros scripts pueden ser cargados a publicaciones particulares. A diferencia de la serie “vista de código”, los atributos no existen.

Tutorial IV

IV. Cambiar color o estilo en alguna cadena y fila en particular
a. [init_spansearch] :
Asegúrese de agregar esto para usar los códigos cortos a continuación. Si utiliza

Por favor Comparte y Síguenos:
RSS
Follow by Email
Facebook
Twitter

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *