16 December 2014, 17:59
6
Buenas tardes a todos!
Ayer inserte un botón a mi editor para que cuando fuese pulsado pusiera un MyCode en concreto o algún Code de algún plugin como el Thanks You de @Dark Neo por ejemplo, que en mi caso lo use para la etiqueta Oculto del plugin Thanks You aunque se que ya eso lo han implementando en la nueva version, pero yo aun no lo he actualizado.
Funcionaria tambien con cualquier Mycode que tengamos creado.
Fotos de resultado final:
1. Copiar oculto.gif en root/jscripts/sceditor/editor_themes/
2. Editar: root/jscripts/sceditor/editor_themes/mybb.css
2.1 Insertar al final del archivo el siguiente código.
Si vais a crear varios botones para varios Mycode, insertáis este mismo código repetidamente cambiado basicamente la palabra "oculto" por otro palabra que identifique el Mycode que siempre usareis en los demás código la misma palabra. Lo vereis según veáis los códigos para insertar.
2.2 Repetir el paso 2. y 2.1 en los demas editores css que utilizeis. Yo en mi caso solo inserte este codigo en mybb.css y modern.css .
3. Editar root/jscripts/bbcodes_sceditor.js
3.1 Buscar la siguiente linea en el archivo
3.2 Justamente debajo de esas lineas de código insertáis esta lineas(Si insertáis mas botones sustituir la palabra oculto del código por la palabra que usasteis en el anterior código, exceptuando que donde pone ocult@(Le he puesto arroba porque sino activa el plugin) entre [ ] debereis poner la palabra usada para que el Mycode funcione).
4. Entrar al Admin CP - Templates (Plantillas) - Buscar Ungruped Templates (Plantillas sin grupo) - Abrir - Buscar "Codebuttons"
4.1 Buscar la siguiente linea:
4.2 Y insertáis "oculto," justamente después de "image," . Debería de quedar algo así:
Ya deberíais de tened activado el botón en el editor y funcionando con el código de Mycode.
PD: Lo hice algo corriendo el tutorial y el botón quizas se pueda mejorar el código o implementar de mejor forma, estoy abierto a ideas y mejoras, a mi así me funciona y ya ire investigando algo mas.
Un saludo
Ayer inserte un botón a mi editor para que cuando fuese pulsado pusiera un MyCode en concreto o algún Code de algún plugin como el Thanks You de @Dark Neo por ejemplo, que en mi caso lo use para la etiqueta Oculto del plugin Thanks You aunque se que ya eso lo han implementando en la nueva version, pero yo aun no lo he actualizado.
Funcionaria tambien con cualquier Mycode que tengamos creado.
Fotos de resultado final:
1. Copiar oculto.gif en root/jscripts/sceditor/editor_themes/
2. Editar: root/jscripts/sceditor/editor_themes/mybb.css
2.1 Insertar al final del archivo el siguiente código.
Si vais a crear varios botones para varios Mycode, insertáis este mismo código repetidamente cambiado basicamente la palabra "oculto" por otro palabra que identifique el Mycode que siempre usareis en los demás código la misma palabra. Lo vereis según veáis los códigos para insertar.
Código PHP: ( Seleccionar Todo )
.sceditor-button-oculto div {
background-image:url(oculto.gif);
}
2.2 Repetir el paso 2. y 2.1 en los demas editores css que utilizeis. Yo en mi caso solo inserte este codigo en mybb.css y modern.css .
3. Editar root/jscripts/bbcodes_sceditor.js
3.1 Buscar la siguiente linea en el archivo
Código PHP: ( Seleccionar Todo )
tooltip: 'Insert a video'
});
3.2 Justamente debajo de esas lineas de código insertáis esta lineas(Si insertáis mas botones sustituir la palabra oculto del código por la palabra que usasteis en el anterior código, exceptuando que donde pone ocult@(Le he puesto arroba porque sino activa el plugin) entre [ ] debereis poner la palabra usada para que el Mycode funcione).
Código PHP: ( Seleccionar Todo )
/*********************
* Add oculto command *
*********************/
$.sceditor.command.set("oculto", {
_dropDown: function (editor, caller, html) {
var $content;
$content = $(
'<div>' +
'<label for="code">' + editor._('oculto') + ':</label> ' +
'<textarea type="text" id="oculto" />' +
'</div>' +
'<div><input type="button" class="button" value="' + editor._('Insert') + '" /></div>'
);
setTimeout(function() {
$content.find('#oculto').focus();
},100);
$content.find('.button').click(function (e) {
var val = $content.find('#oculto').val(),
before = '[ocult@]',
end = '[/ocult@]';
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);
},
exec: function (caller) {
$.sceditor.command.get('oculto')._dropDown(this, caller);
},
txtExec: ['[ocult@]', '[/ocult@]'],
tooltip: 'Ocultar Link'
});
4. Entrar al Admin CP - Templates (Plantillas) - Buscar Ungruped Templates (Plantillas sin grupo) - Abrir - Buscar "Codebuttons"
4.1 Buscar la siguiente linea:
Código PHP: ( Seleccionar Todo )
{$basic2}image,{$email}
4.2 Y insertáis "oculto," justamente después de "image," . Debería de quedar algo así:
Código PHP: ( Seleccionar Todo )
{$basic2}image,oculto,{$email}
Ya deberíais de tened activado el botón en el editor y funcionando con el código de Mycode.
PD: Lo hice algo corriendo el tutorial y el botón quizas se pueda mejorar el código o implementar de mejor forma, estoy abierto a ideas y mejoras, a mi así me funciona y ya ire investigando algo mas.
Un saludo
Última modificación: 3 January 2015, 13:52 por abelvros.