FANDOM


CommentPreview proporciona un botón de vista previa para los comentarios de artículos y blogs.

Instalación

¿Importando múltiples scripts? Esta guía rápida te enseña como combinar las importaciones.
  • Para uso en todo el sitio, un administrador puede añadir esta linea a la página MediaWiki:ImportJS de la wiki.
dev:CommentPreview/code.js
  • Para uso personal, puedes añadir el siguiente código en tu página global.js (para todas las wikis) o en tu página common.js en tu wiki (para una sola wiki). Ten en cuenta que JavaScript personal debe estar habilitado en tu cuenta.
importArticles({
    type: 'script',
    articles: [
        'u:dev:MediaWiki:CommentPreview/code.js',
    ]
});

Uso

No hay condiciones especiales para utilizar el script.

Preferencia de idioma: uselang (url -> configuración del script) -> wgContentLanguage -> en.

Configuración

Es posible establecer algunas opciones: establecer el modo de depuración, seleccionar el idioma y añadir nuevo soporte de idioma, etc.

Crear objeto de configuración (hazlo primero)
window.fng = $.extend(true, window.fng, {cp: (window.fng || {}).cp || {} });
Habilitar el modo de depuración
window.fng.cp.debug = true; Este modo puede activarse mediante el parámetro debug. Ejemplo: /wiki/article?debug=1
Seleccionar el idioma
window.fng.cp.uselang = 'lang'; Donde lang es el código del idioma (en, ru, etc.). Por defecto, se utilizará el idioma del contenido (véase la precedencia del idioma más arriba) con en como último recurso. El parámetro "uselang" tiene prioridad. Ejemplo: /wiki/article?uselang=en seleccionará el idioma inglés independientemente de cualquier configuración.
Añadir idioma

window.fng.cp.lang = $.extend(true, {}, window.fng.cp.lang, {
    lang1: {preview: 'texto de previsualizar', cancel: 'texto de cancelar', publish: 'texto de publicar'},
    lang2: {preview: 'texto de previsualizar'}
});

Donde lang1 y lang2 son códigos de idioma (en, es, etc.); "texto de previsualizar", "texto de cancelar" y "texto de publicar" es el texto del botón correspondiente. Se puede añadir cualquier cantidad de idiomas separados por comas. Si se pierden algunos parámetros, se utilizará un idioma alternativo (véase la precedencia del idioma más arriba).

Nota: es posible añadir un idioma directamente en el código. Uno puede sugerir un nuevo idioma, o agregarlo en el script, si está familiarizado con JS.

Cambiar el pulsador window.fng.cp.throbber = 'imagen';
Donde imagen es la ruta completa a la imagen del pulsador. Sólo se permiten fuentes relacionadas con wikia (*.wikia.com y *.wikia.nocookie.net).

Clases

Hay algunas clases que ayudan a dar estilo a la vista previa.

cp-modal
contenedor principal.
cp-window
ventana de previsualización.
cp-header
encabezado. El texto de encabezado se encuentra en el elemento H1.
cp-xcancel
Botón X en el encabezado.
cp-content
cuerpo de la previsualización. El contenido interior tiene un estilo similar al de una página.
cp-footer
vista previa al pie de página. Los botones Cancelar y Publicar se encuentran aquí.
cp-button
los botones comparten esta clase. Además, cada botón tiene su propia clase: previsualizar: cp-button-preview; publicar: cp-button-publish; cancelar: cp-button-cancel.

Nota: tendrás que usar !important para anular algunos estilos. No anules la propiedad float para .cp-button-preview. Para los realistas.

Estilo del módulo de previsualización de foros

Por defecto, la interfaz modular de este script no utiliza el estilo de los módulos de vista previa que se encuentran en los Muros de Mensajes y en Especial:Foro. Como su objetivo es una interfaz básica que pueda funcionar en cualquier wiki, y anima a los usuarios a diseñarla a su gusto utilizando las clases CSS mencionadas en la sección anterior.

Sin embargo, si quieres un estilo similar al que estas características mencionadas usan en el módulo de este script también, puedes poner este fragmento de código en el Wikia.css de tu wiki:

 
.cp-footer {
    background-color: tu color aquí; /* El color de fondo para el pie de página */  
    padding: 14px;
}
.cp-header h1 {
    background-color: tu color aquí; /* el color de fondo para el encabezado */ 
    width: 102.6%;
    padding: 16px;
    margin-left: -25px;
    margin-top: -10px;
    font-size: 20px;
    font-weight: bold;
}
.cp-window {
    background-color: tu color aquí !important; /* El color de fondo para el resto del módulo */
    height: 450px !important;
}
.cp-content {
    margin-top: 23px !important;
    border-color: tu color aquí !important; /* El color del borde que se muestra alrededor del área de contenido en el módulo */
}
.cp-content .WikiaArticle .mw-content-ltr p{
    margin: .8em 0 .6em;
    margin-left: 8px;
}
.cp-xcancel {
    font-size: 30px !important;
    text-decoration: none !important;
    color: black !important;
    padding-top: 15px;
}
.cp-button-preview {
    margin-right: -8px !important;
}

Nota: El texto "tu color aquí" debe ser reemplazado por el nombre del color que desees utilizar.

Community content is available under CC-BY-SA unless otherwise noted.

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+