1. Introduzca el archivo principal de ckeditor ckeditor.js en la página

3 .

Preste atención a agregar class= en el control "ckeditor".

3. Reemplace el control correspondiente con el código del editor

4. Editor de configuración

La configuración de CKEDITOR está toda concentrada en ckeditor/config .Parámetros de configuración:

Copia el código de la siguiente manera:

//Idioma de la interfaz, el valor predeterminado es 'en'

config.language = 'en';

p>

//Establecer ancho y alto

config.width = 400

config.height = 400; >//Estilo del editor, hay tres tipos: 'kama' (predeterminado), 'office2003', 'v2'

config.skin = 'v2'; color

config.uiColor = '#FFF';

//Barra de herramientas (Básica 'Básica', Completa 'Completa', Personalizada) plugins/toolbar/plugin.js

config.toolbar = 'Básico';

config.toolbar = 'Completo'

Esto servirá:

config.toolbar_Full = [

['Fuente','-','Guardar','NuevaPágina','Vista previa','-','Plantillas'],

['Cortar',' Copiar','Pegar', 'PasteText', 'PasteFromWord', '-', 'Imprimir', 'Corrector ortográfico', 'Scayt'],

['Deshacer', 'Rehacer', '- ', Buscar', 'Reemplazar', '-', 'Seleccionar todo', 'Eliminar formato'],

['Formulario', 'Casilla de verificación', 'Botón de opción', 'Cuadro de texto', 'Área de texto', 'Seleccionar', 'Botón', 'Botón de imagen', 'Campo oculto'],

'/',

['Negrita', 'Cursiva' , 'Subrayado' ', Negrita', 'Cursiva', 'Subrayado', 'Horizontal', '-', 'Subíndice', 'Superíndice'],

['ListaNumerada', 'ListaViñetas', '-', 'Outdent', 'Sangría', 'Blockquote'],

['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],

[ 'Enlace', Desvincular', 'Ancla'],

['Imagen', 'Flash', 'Tabla', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak'],

'/',

p>

['Estilos', 'Formato', 'Fuente', 'Tamaño de fuente'],

['TextColor','BGColor']

]

p>

// Si la barra de herramientas se puede contraer

config.toolbarCanCollapse = true

// La posición de la barra de herramientas

config.resize_minWidth = 750

// Si se actualizan automáticamente los datos en el elemento al enviar un formulario que contiene este editor

config.autoUpdateElement = true;

// Establecer el uso Directorio absoluto o directorio relativo, vacío significa directorio relativo

config.autoUpdateElement = true

// Establecer si se utilizará el directorio absoluto o el directorio relativo, vacío; significa directorio relativo

config.autoUpdateElement = accesos directos trueset

config.ALT + 121 /*F10*/, 'toolbarFocus' ], //obtener foco

[ CKEDITOR.

[ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'rehacer' ], // Rehacer

[ CKEDITOR.CTRL + 76 /*L */, 'enlace' ], // Enlace

[ CKEDITOR.CTRL + 66 /*B*/ CTRL + 66 /*B*/, 'negrita' ], // Negrita

[ CKEDITOR.CTRL + 73 /*I*/, 'enlace' ], // enlace

[ CKEDITOR.SHIFT + 90 /*Z*/, 'rehacer' ], // rehacer

[ CKEDITOR.SHIFT + 90 /*Z*/, 'rehacer' ], // Rehacer CTRL + 73 /*I*/, 'cursiva'], // Cursiva

[ CKEDITOR.CTRL + 85 /*U*/,'subrayado'], //subrayado

[ CKEDITOR.ALT + 109 / *-*/, 'toolbarCollapse' ]

]

.

// La configuración de accesos directos puede entrar en conflicto con los complementos/teclas/plugin.js de accesos directos del navegador.

config.blockedKeystrokes = [

CKEDITOR.CTRL + 66 /*B*/,

CKEDITOR.CTRL + 73 /*I*/,

CKEDITOR.CTRL + 66 /*B*/,

CKEDITOR.CTRL + 73 /*I*/,

p>

CKEDITOR.CTRL + 85 /*U*/

]

CKEDITOR.CTRL + 73 /*I*/,

CKEDITOR + 85 /*U*/

] config.format_address = { elemento: 'dirección', atributos: { clase: 'styledAddress' }

//Formato automático de etiquetas DIV plugins/format/ plugin.js

config.format_div = { elemento: 'div', atributos: clase: 'normalDiv' };

config.format_div = { elemento: 'div', atributos: { clase: 'normalDiv' }};

// Formatear automáticamente el formato de etiqueta H1 plugins/format/plugin.js

config.format_h1 = { elemento: 'h1', atributos ：clase: 'contentTitle1' }; p>

config.format_h1 = { elemento: 'h1', atributos: 'contentTitle1' }};

///Formato automático para complementos de etiquetas H2 /format/plugin.js

config.format_h2 = { elemento: 'h2', atributos: clase: 'contentTitle2' };

config.format_h2 = { elemento: 'h2', atributos: { clase: 'contentTitle2' } };

//Formato automático para complementos de etiquetas H3/ format/plugin.js

config.format_h1 = { elemento: 'h3' , atributos: {clase: 'contentTitle3' } };

Inicio del programador de PHP

// Formatear automáticamente las etiquetas H4 plugins/format/plugin.js

config.format_h1 = { elemento: 'h4', atributos: clase: 'contentTitle4' };

config.format_h1 = { elemento: 'h4', atributos: 'contentTitle4' }}; h4', atributos: 'contentTitle4' }}; p>

//Formato automático para complementos de etiquetas H5/ format/plugin.js

config.format_h1 = { elemento: 'h5', atributos: clase: 'contenidoT

itle5' };

config.format_h1 = { elemento: 'h5', atributos: 'contentTitle5' }};

//Formato automático para complementos/formato/complemento de etiquetas H6. js

config.format_h1 = { elemento: 'h6', atributos: clase: 'contentTitle6' };

config.format_h1 = { elemento: 'h6', atributos: { clase : 'contentTitle6' }

//Formato automático de etiquetas P plugins/format/plugin.js

config.format_p = { elemento : 'p', atributos : clase : 'normalPara ' };

config.format_p = { elemento : 'p', atributos : { clase : 'normalPara' }}

Inicio del programador de PHP

/ /Formatear automáticamente los complementos de la etiqueta PRE/format/plugin.js

config.format_pre = { elemento : 'pre', atributos : { clase : 'código'

config.ignoreEmptyParagraph = true;

// Al borrar el atributo de enlace en el cuadro de atributos de imagen, también se debe borrar la etiqueta plugins/image/plugin.

config.image_ removeLinkByEmptyURL = true;

// Un grupo de nombres de etiquetas separados por comas, que se muestran en la esquina inferior izquierda de plugins/menu/plugin.js de forma jerárquicamente anidada.

config.menu_groups = 'portapapeles,formulario,tablecell,tablecellproperties,tablerow,tablecolumn,table,ancla,enlace,imagen,flash,casilla de verificación,radio,textfield,hiddenfield,imagebutton, botón,select,textarea'

//El retraso al mostrar el submenú, en milisegundos plugins/menu/plugin.

config.menu_subMenuDelay = 400

// en Cuando el El comando "Nuevo" se ejecuta en el editor plugins/newpage/plugin.js

config.menu_subMenuDelay = 400

// Cuando se ejecuta en el editor plugins/newpage/plugin.js Cuando se utiliza el comando "Nuevo", newpage_html = '';

// Si se debe eliminar el formato al copiar texto de Word.

pasteFromWordIgnoreFontFace = true; //el valor predeterminado es ignorar el formato

// Si se usan etiquetas como

para calificar o reemplazar el texto pegado de un documento de Word. pasteFromWordKeepsStructure = false;

// Si se debe eliminar el formato al pegar desde Word plugins/pastefromword/plugin.js

// Si se deben usar etiquetas como

para limitar o reemplazar contenido pegado de un documento de Word.

config.pasteFromWordRemoveStyle = false;

//Corresponde al tipo de lenguaje backend para formatear el contenido HTML de salida, el valor predeterminado está vacío

config.protectedSource .push( /<\? [\s\S]*? \? >/g ); // código PHP

config.protectedSource.push( //g ); p> p>

config.protectedSource.push( /(]+>[\s|\S]*?<\/asp:[^\>]+>)|(]+\/>)/gi ); // código ASP.Net

Etiqueta a insertar al ingresar: shift+Enter

config.shiftEnterMode = CKEDITOR.ENTER_P // Opcional: CKEDITOR.ENTER_BR o CKEDITOR. ENTER_DIV

// Complementos opcionales de caracteres de reemplazo de emoji/smiley/plugin.js.

config.smiley_descriptions = [

':)', '.:(', ';)', ':D', ':/', ':P',

'',''',''',''',

'',''',''',''',''','' ',

'', ':kiss', '''' ];

// Complementos de imagen de emoticones correspondientes/smiley/plugin.js

config .smiley_images = [

'regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','confused_ smile.gif', 'tounge_smile.gif',

'embaressed_smile.gif', 'omg_smile.gif', 'whatchutalkingabout_smile.gif', 'angry_smile.gif', 'angel_smile.gif', 'shades_smile.gif',

'devil_smile .gif', 'cry_smile.gif', 'bombilla.gif', 'tumbs_down.gif', 'tumbs_up.gif', 'corazón.gif',

'corazón_roto.gif', 'beso. gif', 'envelope.gif'];

/ Dirección de emoticones plugins/smiley/plugin.js

config.smiley_path = 'plugins/smiley/images/'; p>

p>