¿Cómo agregar la etiqueta h4 al editor refinerycms?

Question

Estoy tratando de agregar una etiqueta h4 al editor wysiwyg refinerycms. ¿Cómo hago esto? No encuentro ninguna documentación sobre esto.

Asumo que tengo que hacer algo con esta configuración var:

config.wymeditor_whitelist_tags = {} 

Answer 1

Las siguientes instrucciones se aplican a las versiones 2.x.x y 3.x.x de Refinería CMS.

Sin embargo, en la versión 3.x.x tendrá que usar custom_visual_editor_boot_options en lugar de custom_wymeditor_boot_options.

Usando este archivo: https://github.com/refinery/refinerycms/blob/master/core/app/assets/javascripts/admin.js puede especificar opciones personalizadas para WYMeditor en Refinery.

En primer lugar, es necesario reemplazar el archivo:

bundle exec rake refinery:override javascript=admin 

ahora, aplicación abierta/activos/javascript/admin.js y editarlo a ser como la siguiente:

// Use this to customize the wymeditor boot process 
// Just mirror the options specified in boot_wym.js with the new options here. 
// This will completely override anything specified in boot_wym.js for that key. 
// e.g. skin: 'something_else' 
if (typeof(custom_wymeditor_boot_options) == "undefined") { 
    custom_wymeditor_boot_options = { 
    containersItems: [ 
     {'name': 'h1', 'title':'Heading_1', 'css':'wym_containers_h1'} 
     , {'name': 'h2', 'title':'Heading_2', 'css':'wym_containers_h2'} 
     , {'name': 'h3', 'title':'Heading_3', 'css':'wym_containers_h3'} 
     , {'name': 'h4', 'title':'Heading_4', 'css':'wym_containers_h4'} 
     , {'name': 'p', 'title':'Paragraph', 'css':'wym_containers_p'} 
    ] 
    }; 
} 

Tenga en cuenta que lo que está haciendo es anular boot_wym.js.erb, que solo especifica h1, h2, h3 yp como etiquetas de contenedor. Ver: https://github.com/refinery/refinerycms/blob/2-0-stable/core/app/assets/javascripts/refinery/boot_wym.js.erb#L49-L54

Cualquier opción que especifique dentro de custom_wymeditor_boot_options anula cualquier cosa dentro de wymeditor_boot_options en boot_wym.js.erb así que asegúrese de que sea JavaScript válido o de lo contrario los editores no se cargarán en absoluto.

Espero que ayude; avísame si necesitas algo aclarado.

Phil