Cómo configurar y utilizar CKEDITOR
1. Cómo utilizar:
1. Introduzca el archivo principal de ckeditor.js en la página
Preste atención a agregar class="ckeditor" en el control.
3. Utilice el editor código para reemplazar el control correspondiente
CKEDITOR.replace('TextArea1');
//If. se usa en un control del lado del servidor
CKEDITOR.replace('tbContent');
//Si el control
CKEDITOR.replace('<%= tbContent.ClientID.Replace("_","$")%>');
4. Editor de configuración
La configuración de ckeditor se concentra en el archivo ckeditor/config.js. Parámetros de configuración:
// Idioma de la interfaz, el predeterminado. es 'en'
config.language = 'zh-cn';
// Establecer ancho y alto
config.width = 400;
config.height = 400;
// Hay tres estilos de editor: 'kama' (predeterminado), 'office2003', 'v2'
config.skin = 'v2';
// Color de fondo
config.uiColor = '#FFFF';
// Hay tres estilos de editor: 'kama' ( predeterminado), 'office2003', 'v2'.
uiColor = '#FFF';
// Barra de herramientas (Básica'Básica', Completa'Completa', Personalizada) plugins/toolbar/plugin.js
config.toolbar = 'Básica ';
config.toolbar = 'Completo';
Esto se utilizará para:
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', 'RemoveFormat'],
['Formulario', 'Casilla de verificación', 'Radio', 'Campo de texto', 'Área de texto', 'Seleccionar', ' Botón ', 'ImageButton', 'HiddenField'],
'/',
['Negrita', cursiva', 'subrayado', 'tachado', '-' ,' subíndice','superíndice'],
['NumberedList','BulletedList','-','Outdent','Sangría','Blockquote'],
[' JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Enlace','Desvincular','Anchor'],
['Imagen',' Flash','Table' ,'HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Estilos','Formato' ,'Font','FontSize'],
['TextColor'.'BGColor']
];
/ / Si la barra de herramientas se puede contraer
config.toolbarCanCollapse = true;
config. toolbarLocation = 'arriba';//opcional: abajo
config.toolbarLocation = 'arriba';//opcional: abajo
config.toolbarLocation = 'arriba';/ /opcional: abajo
config.toolbarLocation = 'arriba';//opcional: abajo