Cómo utilizar el editor web Linux CKEditor

  

CKEditor se conoce comúnmente Fckeditor, es un excelente editor web, puede soportar una variedad de lenguajes de programación, más y más personas utilizan, entonces el siguiente cómo usar editor web Linux CKEditor es? Xiao Bian le dio sobre el método con Linux usando CKEditor.

En primer lugar, el uso:

1, se introduce ckeditor.js archivos centrales CKEditor

en la página de "cabeza" "script type = " text /javascript y " src = " ckeditor /ckeditor.js " "" /script "

2, donde el uso de los controles HTML editor de inserción" área de texto "

" área de texto ID = " TextArea1 y " cols = " 20 y " filas = " 2 " clase = " CKEditor y " "" /área de texto "

Si el entorno ASP.NET, también puede ser de control del lado del servidor" TextBox "

"asp: Identificación cuadro de texto = " tbContent y " runat = " servidor y " TextMode = " MultiLine y " class = en " CKEditor y "" "/asp: TextBox"

Nota más control de la clase = " CKEditor y ".

3, el editor para reemplazar el correspondiente código de control

"script type = " text /javascript y ""

CKEDITOR.replace (y lsquo; TextArea1 y rsquo;);

//Si se utiliza en un lado del servidor ASP.NET controla el medio ambiente "Cuadro de texto"

CKEDITOR.replace (y lsquo; tbContent y rsquo;);

//si " Cuadro de texto "de control en una página maestra, a escribir

CKEDITOR.replace (y lsquo;" % = tbContent.ClientID.Replace (y " _ ", " $ ")% "’);

"/script"

4, editor de configuración

CKEditor dispuestas concentró en el archivo de CKEditor /config.js, los siguientes son algunos parámetros de configuración común:

//idioma de la interfaz, el valor predeterminado es y lsquo; es ’

config.language = ‘ zh-cn y rsquo;;

//establecer la anchura y altura

config.width = 400;

config.height = 400;

//estilo de editor, hay tres: ‘ kama y rsquo; (por defecto), y lsquo; office2003 y RSQ uo;, ‘ v2 y rsquo;

config.skin = ‘ v2 y rsquo;;

//color de fondo

config.uiColor = ‘ # FFF y rsquo;;

//barra de herramientas (básica y lsquo; básica y rsquo;, Todopoderoso y lsquo; completa y rsquo;, personalizado) plugins /barra de herramientas /plugin.js

config.toolbar = ‘ básica y rsquo;;

config.toolbar = ‘ completa y rsquo;;

esto cabrá:

config.toolbar_Full = [

[‘ Source ’, ‘ - y rsquo;, y lsquo; Guardar ’, ‘ NewPage y rsquo;, ‘ Vista previa y rsquo;, ‘ - y rsquo;, ‘ Plantillas y rsquo;],

[‘ Cut ’, ‘ Copy ’, ‘ Pegar ’, ‘ pasteText y rsquo;, ‘ PasteFromWord y rsquo;, ‘ - y rsquo;, ‘ Print ’, ‘ SpellChecker y rsquo;, ‘ Scayt y rsquo;],

[‘ Undo ’, ‘ Rehacer y rsquo;, ‘ - y rsquo;, ‘ Find ’, ‘ Reemplazar y rsquo;, ‘ - y rsquo;, ‘ &r Seleccionar Todo squo;, ‘ RemoveFormat y rsquo;],

[‘ Form ’, ‘ Casilla y rsquo;, ‘ Radio y rsquo;, ‘ TextField y rsquo;, ‘ Área de texto y rsquo;, ‘ Selección y rsquo;, ‘ el botón y rsquo; , y lsquo; ImageButton y rsquo;, ‘ HiddenField y rsquo;],

‘ /y rsquo;,

[‘ negrilla y rsquo;, ‘ cursiva y rsquo;, ‘ Subrayado y rsquo;, ‘ huelga y rsquo; , y lsquo; - y rsquo;, ‘ Subíndice y rsquo;, ‘ superíndice y rsquo;],

[‘ NumberedList y rsquo;, ‘ BulletedList y rsquo;, ‘ - y rsquo;, ‘ Outdent y rsquo;, ‘ sangría y rsquo; , y lsquo; cita en bloque y rsquo;],

[‘ JustifyLeft y rsquo;, ‘ JustifyCenter y rsquo;, ‘ JustifyRight y rsquo;, ‘ JustifyBlock y rsquo;],

[‘ link ’, ‘ Desvincular y rsquo;, ‘ Anchor ’],

[‘ imagen y rsquo;, ‘ flash ’, ‘ mesa ’, ‘ HorizontalR ule y rsquo;, ‘ Smiley y rsquo;, ‘ SpecialChar y rsquo;, ‘ PageBreak y rsquo;],

‘ /y rsquo;,

[‘ Estilos y rsquo;, ‘ Formato y rsquo;, ‘ la fuente y el rsquo;, ‘ Tamaño de letra y rsquo;],

[‘ TextColor y rsquo;, ‘ BGColor y rsquo;]

];

//si la barra de herramientas se puede contraer

config.toolbarCanCollapse = true;

//ubicación de las barras de herramientas

config.toolbarLocation = ‘ arriba ’; //opcional: parte inferior

//barras de herramientas por defecto si se procede

config.toolbarStartupExpanded = true;

//cancelar y " arrastre para cambiar el tamaño y " función de plugins /cambio de tamaño /plugin.js

config.resize_enabled = false;

//cambiar el tamaño de la altura máxima

config.resize_maxHeight = 3,000;

//cambiar el tamaño de la anchura máxima

config.resize_maxWidth = 3000;

//cambiar el tamaño de la altura mínima

config.resize_min Altura = 250;

//cambiar el tamaño de la anchura mínima

config.resize_minWidth = 750;

//Al presentar una forma con este editor, ya sea para automáticamente datos de actualización
dentro de un elemento

config.autoUpdateElement = true;

//ajuste es utilizar absoluta o relativa de directorio al directorio, el directorio está vacío relativamente

config.baseHref = ‘ ’

//editor valor del índice Z

config.baseFloatZIndex = 10000;

//establecer las teclas de acceso directo 1234 siguiente anterior
total de 4

Copyright © Conocimiento de Windows All Rights Reserved