editor tinymce en fullscreen no aparecen barras de desplazamiento "Solucionado"

ber78 · September 23, 2014

Hola a tod@s

Uso prestashop 1.6 la plantilla por defecto.

Hice esta modificación:

Ruta de acceso a este archivo es: /js/tinymce.inc.js. Así que, por favor, abra este archivo y cambiar el contenido del archivo entero a:

function tinySetup(config)

{

if(!config)

config = {};

//var editor_selector = 'rte';

//if (typeof config['editor_selector'] !== 'undefined')

//var editor_selector = config['editor_selector'];

if (typeof config['editor_selector'] != 'undefined')

config['selector'] = '.'+config['editor_selector'];

// safari,pagebreak,style,table,advimage,advlink,inlinepopups,media,contextmenu,paste,fullscreen,xhtmlxtras,preview

default_config = {

selector: ".rte" ,

plugins : "visualblocks, preview searchreplace print insertdatetime, hr charmap colorpicker anchor code link image paste pagebreak table contextmenu filemanager table code media autoresize textcolor emoticons fullscreen",

toolbar2 : "newdocument,print,|,bold,italic,underline,|,strikethrough,superscript,subscript,|,forecolor,colorpicker,backcolor,|,bullist,numlist,outdent,indent",

toolbar1 : "styleselect,|,formatselect,|,fontselect,|,fontsizeselect,",

",

toolbar4 : "visualblocks,|,charmap,|,hr,",

external_filemanager_path: ad+"/filemanager/",

filemanager_title: "File manager" ,

external_plugins: { "filemanager" : ad+"/filemanager/plugin.min.js"},

language: iso,

skin: "prestashop",

statusbar: false,

relative_urls : false,

convert_urls: false,

extended_valid_elements : "em[class|name|id]",

menu: {

edit: {title: 'Edit', items: 'undo redo | cut copy paste | selectall'},

insert: {title: 'Insert', items: 'media image link | pagebreak'},

view: {title: 'View', items: 'visualaid'},

format: {title: 'Format', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'},

table: {title: 'Table', items: 'inserttable tableprops deletetable | cell row column'},

tools: {title: 'Tools', items: 'code'}

}

$.each(default_config, function(index, el)

{

if (config[index] === undefined )

config[index] = el;

});

tinyMCE.init(config);

};

El problema es que quiero usar el fullscreen para que se queden fijas las herramientas, pero en el cuadro de texto no aparace la barra de desplazamiento:

Sé que el problema es ese código que está dentro de html style y que modificandolo a overflow:auto se soluciona, pero soy incapaz de encontrarlo, lo he buscado en todo el codigo y no lo encuentro, espero podáis ayudarme.

muchas gracias

Edited September 25, 2014 by ber78 (see edit history)

galindogadea · September 24, 2014

Hola !

Pero si el editor se va ampliando en altura de forma automática cuando vas escribiendo ¿no?

galindogadea · September 24, 2014

Buscando en google, he encontrado este codigo:

 
tinyMCE.init({
    setup: function (ed) {
        ed.onInit.add(function (ed, e) {
            $(ed.getDoc()).children().find('head').append('<style type="text/css">html { overflow-x:scroll;overflow-y:scroll; }</style>');
        })
    }
});

Pero creo que no funciona..

ber78 · September 24, 2014

galindogadea muchas gracias, por tu respuesta e interes.

Si, se va ampliando puedes seguir escribiendo, pero para volver arriba solo puedes hacerlo con las flechas moviendo el cursor.

El codigo que has puesto supongo que te refieres modificando "tinymce.inc.js" pero, no no funciona.

Lo que me trae de cabeza es lo que te muestro en la imagen, ¿donde narices está ese codigo? porque sé que mofificandolo se resuelve

Edited September 24, 2014 by ber78 (see edit history)

ber78 · September 24, 2014

Me costo tela, pero CONSEGUIDO!!!!

Voy a explicar como se hace porque creo que es muy interesante para todos.

archivo tinymce.inc.js esta en /js

archivo "admin-theme.css" esta en admin\themes\default\css\

modificar el z-index de .mce-fullscreen os quedaría asi:

.mce-fullscreen{border:0;padding:0;margin:0;overflow:hidden;height:100%;z-index:999}

archivo "plugin.min.js" esta en \js\tiny_mce\plugins\autoresize\

modificamos los dos parametros overflowY="hidden" y lo ponemos overflowY="auto"

el archivo completo os quedaría así:

tinymce.PluginManager.add("autoresize",function(e){function t(i){var a,s,g,r,m=e.getDoc(),u=m.body,l=m.documentElement,h=tinymce.DOM,_=n.autoresize_min_height;!u||!i||"setcontent"===i.type&&i.initial||e.plugins.fullscreen&&e.plugins.fullscreen.isFullscreen()||(g=e.dom.getStyle(u,"margin-top",!0),r=e.dom.getStyle(u,"margin-bottom",!0),s=u.offsetHeight+parseInt(g,10)+parseInt(r,10),(isNaN(s)||0>=s)&&(s=tinymce.Env.ie?u.scrollHeight:tinymce.Env.webkit&&0===u.clientHeight?0:u.offsetHeight),s>n.autoresize_min_height&&(_=s),n.autoresize_max_height&&s>n.autoresize_max_height?(_=n.autoresize_max_height,u.style.overflowY="auto",l.style.overflowY="auto"):(u.style.overflowY="auto",l.style.overflowY="auto",u.scrollTop=0),_!==o&&(a=_-o,h.setStyle(h.get(e.id+"_ifr"),"height",_+"px"),o=_,tinymce.isWebKit&&0>a&&t(i)))}function i(e,n,o){setTimeout(function(){t({}),e--?i(e,n,o)&&o()},n)}var n=e.settings,o=0;e.settings.inline||(n.autoresize_min_height=parseInt(e.getParam("autoresize_min_height",e.getElement().offsetHeight),10),n.autoresize_max_height=parseInt(e.getParam("autoresize_max_height",0),10),e.on("init",function(){var t=e.getParam("autoresize_overflow_padding",1);e.dom.setStyles(e.getBody(),{paddingBottom:e.getParam("autoresize_bottom_margin",50),paddingLeft:t,paddingRight:t})}),e.on("change setcontent paste keyup",t),e.getParam("autoresize_on_init",!0)&&e.on("init",function(){i(20,100,function(){i(5,1e3)})}),e.addCommand("mceAutoResize",t))});

Y esto es todo, espero que les sirva, a mi personalmente me parece una mejora muy importante porque como comprobareis tendreis las herramientas siempre visibles en pantalla, que es lo natural, pues como yo, estareis acostumbrados a usar un procesador de textos donde es así.

Un saludo a tod@s

nadie · September 24, 2014

Estimado ber78,

Si das el tema como solucionado, edita el titulo del tema, editando el primer mensaje, pulsando en editar, y después en "Usar editor completo", añadiendo la palabra "Solucionado" al titulo, esto ayudara, a mantener una mayor organización en el foro.

Si no encuentras como añadir la palabra "Solucionado" al título del tema, aquí tienes una guía: http://www.prestashop.com/forums/topic/269515-solucionado-¿como-poner-la-palabra-solucionado-en-el-titulo-del-tema/

PD: Avisa cuando añadas la palabra "Solucionado" al titulo del tema, para proceder a cerrar el tema.

Edited September 24, 2014 by nadie (see edit history)

ber78 · September 25, 2014

Es cierto, llevas toda la razón, añadido.

Sign In

editor tinymce en fullscreen no aparecen barras de desplazamiento "Solucionado"

Recommended Posts

ber78

Link to comment

Share on other sites

galindogadea

Link to comment

Share on other sites

galindogadea

Link to comment

Share on other sites

ber78

Link to comment

Share on other sites

ber78

Link to comment

Share on other sites

nadie

Link to comment

Share on other sites

ber78

Link to comment

Share on other sites

Browse

Activity

Go back to prestashop.com