2
Este tutorial es una actualización del actual que funcionaba en versiones anteriores a la reciente MyBB 1.8.21.Si tienes una versión anterior a esta sigue este tutorial
Registrate o inicia tu sesión para ver este contenido
Si estas en la nueva versión debes seguir el tutorial que a continuación voy a poner aquí mismo.
Fotos de resultado final:
Registrate o inicia tu sesión para ver este contenido
Registrate o inicia tu sesión para ver este contenido
Registrate o inicia tu sesión para ver este contenido
1. Copiar oculto.gif Registrate o inicia tu sesión para ver este contenido en root/jscripts/sceditor/themes/
2. Editar: root/jscripts/sceditor/themes/mybb.css
2.1 Insertar al final del archivo el siguiente código.
Si vas a crear varios botones para varios Mycode, deberás insertar el mismo código repetidamente cambiado básicamente la palabra "oculto" por otra palabra que identifique el Mycode que se utilizará.
Código: ( Seleccionar Todo )
.sceditor-button-oculto div {
background-image:url(oculto.gif);
} 2.2 Repetir el paso 2. y 2.1 en los demás archivos css dependiendo el editor que estés utilizando tú. En este ejemplo utilizaremos el editor por defecto de mybb que está en el archivo mybb.css y lo aplicaremos para este caso también en el archivo modern.css .
3. Editar root/jscripts/bbcodes_sceditor.js
3.1 Buscar la siguiente linea en el archivo
Código PHP: Registrate o inicia tu sesión para ver este contenido
Código: ( Seleccionar Todo )
tooltip: 'Insert a video'
}); 3.2 Justamente debajo de esas lineas de código agregamosla palabra reservada oculto y entre los corchetes [ ] deberas agregar la palabra reservada del mismo modo para que el Mycode funcione adecuadamente.
Código: ( Seleccionar Todo )
/*********************
* Add oculto command *
*********************/
$.sceditor.command.set("oculto", {
_dropDown: function (editor, caller, html) {
var $content;
$content = $(
'<div>' +
'<div>' +
'<label for="code">' + editor._('oculto') + ':</label> ' +
'<textarea type="text" id="oculto" />' +
'</div>' +
'<div><input type="button" class="button" value="' + editor._('Insert') + '" /></div>' +
'</div>'
);
setTimeout(function() {
$content.find('#oculto').focus();
},100);
$content.find('.button').click(function (e) {
var val = $content.find('#oculto').val(),
before = 'Registrate o inicia tu sesión para ver este contenido';
if (html) {
before = before + html + end;
end = null;
}
else if (val) {
before = before + val + end;
end = null;
}
editor.insert(before, end);
editor.closeDropDown(true);
e.preventDefault();
});
editor.createDropDown(caller, 'insertcode', $content.get(0));
},
exec: function (caller) {
$.sceditor.command.get('oculto')._dropDown(this, caller);
},
txtExec: ['Registrate o inicia tu sesión para ver este contenido'],
tooltip: 'Ocultar Link'
}); 4. Entrar al Admin CP - Templates (Plantillas) - Buscar Ungrouped Templates (Plantillas sin grupo) - Abrir - Buscar "Codebuttons"
4.1 Buscar la siguiente linea:
Código: ( Seleccionar Todo )
{$basic2}image,{$email} 4.2 Aquí agregamos el código de nuestro mycode, en éste caso, "oculto," justamente después de "image," . Debería de quedar algo así:
[url=https://mybb.es/javascript:void(0);][/url]
Código: ( Seleccionar Todo )
{$basic2}image,oculto,{$email} Ya debe estar el botón activado y funcionando en el editor.
Con esto básicamente podemos crear los botones deseados, si queremos algún caso más complejo como el de videos o más cajas de texto debemos seguir algunos otros pasos extras para hacerlos funcionar, pero sería sobre el paso 3.2, lo demás va a quedar igual ya que es básicamente mostrar el botón para todo ese código y lo demás es la funcionalidad del botón
Guardamos los archivos correspondientes, refrescamos la cache y probamos nuestro nuevo botón en el editor de mybb con la versión 1.8.21 sin problemas.
Vista Previa mediante el tutorial con la nueva versión de MyBB.
![[Imagen: H1X27VI.png]](https://i.imgur.com/H1X27VI.png)
Última modificación: 18 July 2019, 06:41 por Whiteneo.
