Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Editor tipo ckeditor que sea responsive

Hola gente, que tal, estoy haciendo mi web responsive y necesito un editor tipo ckeditor que sea responsive, sabeis alguno??

Gracias
0
Puntos
2525
Visitas
4
Resp
Por borch hace 122 meses
Avanzado
Respuesta #1
el mismo ckeditor es responsive solo tienes que ajustar tu fichero config.js si lo pones por aquí te puedo dar una idea
0
Puntos
Por alber hace 122 meses
Administrador
Respuesta #2
Gracias alber, aqui te dejo el config.js que tengo:
/**
 * @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.html or http://ckeditor.com/license
 */

CKEDITOR.editorConfig = function( config ) {
	// Define changes to default configuration here.
		config.height = '300px';
		config.width = '645px';
		config.language = 'es';
		config.extraPlugins = 'youtube,insertpre,justify,smiley';
		//config.basicEntities = true;
	   //config.entities_greek = false; 
	    config.entities_latin = false;
		config.disableNativeSpellChecker = false; 
	    //config.entities_additional = '';
		config.enterMode = CKEDITOR.ENTER_BR;
	// For the complete reference:
		config.skin = 'moono-dark';
	// http://docs.ckeditor.com/#!/api/CKEDITOR.config
	// The toolbar groups arrangement, optimized for two toolbar rows.
	config.toolbarGroups = [
		{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
		{ name: 'links' },
		{ name: 'paragraph',   groups: [  'align'] },
		{ name: 'insert' }
	
	];

	// Remove some buttons, provided by the standard plugins, which we don't
	// need to have in the Standard(s) toolbar.
	config.removeButtons = 'Underline,Subscript,Superscript';

	// Se the most common block elements.
	config.format_tags = 'p;h1;h2;h3;pre';

	// Make dialogs simpler.
	config.removeDialogTabs = 'image:advanced;link:advanced';
};
0
Puntos
Por borch hace 122 meses
Avanzado
Respuesta #3
hola borch, tienes que borrar estas dos lineas
		config.height = '300px';
		config.width = '645px';
con eso ya sera adaptable por que tendrá un ancho de 100% por default pero ojo lo mas seguro es que en dispositivos móviles solo veas una caja de texto y no el ckeditor pero esto pasa hasta en las mejores familias xd

puedes hacer la prueba con muchas web que usan el ckeditor
0
Puntos
Por alber hace 122 meses
Administrador
Respuesta #4
gracias alber, eres mi salvacion xd!!
0
Puntos
Por borch hace 122 meses
Avanzado
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate