Hablaba el mes pasado sobre los editores que había para Wordpress, entre ellos el ChenPress, que no deja de ser un FCKeditor, embebido en Wordpress, como editor en este blog.

Le faltaban dos botones, el de more, que genera <!–more–> y es la etiqueta encargada de partir nuestro artículo en portada y decir “Seguir leyendo este artículo” y “next page”. Tras mucho buscar, y mirar código, no he sido capaz de entender cómo meter más botones, y veo que mucha gente lo demandaba.

Al final encontré este código usando Google Code Search, y os explico cómo lo he conseguido.

Te bajas el Chenpress 3.1.1 y lo instalas.

/FCKEditor/fckconfig.js

En este archivo miramos dónde añade los plugins el ChenPress, y metemos este código, le decimos que queremos añadir estos plugins. Plugin le llama a botones con funcionalidades extras.

FCKConfig.Plugins.Add( ‘more’) ;
FCKConfig.Plugins.Add( ‘nextpage’) ;

Y luego, está la toolbar, o barra de herramientas que es la barra que vemos.
FCKConfig.ToolbarSets["WordPressTool"] = [
['Source','-','NewPage','Templates','Preview','Print'],
['Cut','Copy','Paste','PasteText','PasteWord'],
['Undo','Redo','-','Find','Replace','SpellCheck'],
['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak','UniversalKey'],
['OrderedList','UnorderedList','Outdent','Indent','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Bold','Italic','Underline','StrikeThrough','Subscript','Superscript','RemoveFormat'],
‘/’,
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['About']
] ;

Pues añadimos tras ‘RemoveFormat’]:

['more','nextpage'],

Lo que significa el botón de more, y nextpage en un bloque conjunto que queda delimitado por los corchetes: [] quedando:

FCKConfig.ToolbarSets["WordPressTool"] = [
['Source','-','NewPage','Templates','Preview','Print'],
['Cut','Copy','Paste','PasteText','PasteWord'],
['Undo','Redo','-','Find','Replace','SpellCheck'],
['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
['Link','Unlink','Anchor'],
['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak','UniversalKey'],
['OrderedList','UnorderedList','Outdent','Indent','JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Bold','Italic','Underline','StrikeThrough','Subscript','Superscript','RemoveFormat'],['more','nextpage'],
‘/’,
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['About']
] ;

/FCKEditor/editor/plugins/

Y ahora ya hemos definido lo que queremos, pero claro no hemos creado el código todavía.

Creamos en el directorio /FCKEditor/editor/plugins/ los directorios more y nextpage.

Directorio /more/

Crear archivo fckplugin.js:

//Begin Code
var FCKmore = function(name)
{
this.Name = name;
}

FCKmore.prototype.Execute = function()
{
FCK.InsertHtml(”<!–more–>”)
}

// manage the plugins’ button behavior
FCKmore.prototype.GetState = function()
{
return FCK_TRISTATE_OFF;
}

FCKCommands.RegisterCommand( ‘more’, new FCKmore(’more’)) ;

// Create the toolbar button.
var omoreItem = new FCKToolbarButton( ‘more’, “Insert the more tag”, null, null, false, true ) ;
omoreItem.IconPath = FCKConfig.PluginsPath + ‘more/more.gif’ ;
FCKToolbarItems.RegisterItem( ‘more’, omoreItem ) ;

Añadir imagen more.gif que aquí os muestro, guardarla y subirla al mismo directorio:

Directorio /nextpage/:

Crear fckplugin.js, e insertar este código:

//Begin Code
var FCKnextpage = function(name)
{
this.Name = name;
}

// Create the toolbar button.
var onextpageItem = new FCKToolbarButton( ‘nextpage’, “Insert the nextpage tag”, null, null, false, true ) ;
onextpageItem.IconPath = FCKConfig.PluginsPath + ‘nextpage/nextpage.gif’ ;
FCKToolbarItems.RegisterItem( ‘nextpage’, onextpageItem ) ;

Y voilá, debería funcionar.

Chenpress y editores wordpress.

Código que me ha permitido instalar estos botones. Gracias a Felipe Coelho

Technorati Tags: editores, wordpress, chenpress