Hoy, el editor en línea se cargó en el entorno ASP, pero no fue válido. Busqué mucho tiempo antes de encontrar esta introducción. FCKEditor admite una variedad de lenguajes de secuencias de comandos de servidor.
Para sistemas ASP:
Directorio de raíz FCKEditor, solo retiene fckeditor.asp, fckconfig.js, fckeditor.js, fckpackager.xml, fckstyles.xml,
fcktemplates.xml archivos y directorio del editor. Elimine el directorio de muestra _ muestras.
Solo el directorio ASP se conserva en el directorio FCKEditor/Editor/Filemanager/Connectors, y se eliminan otros directorios y archivos.
(2) Modifique el programa de script (idioma) utilizado para cargar el archivo.
El programa de carga de archivo FCKEditor predeterminado es ASP.
Si se usa en el sistema PHP, debe realizar las siguientes modificaciones y abrir fckconfig.js
aparecer:
var _fileBrowserlang ge = ASP
var _quickuploadlang ge = asp
Cambio a:
var _fileBrowserlang ge = php
var _quickuploadlang ge = php
(3) Encienda la carga de archivo y modifique el directorio de carga de archivo.
Para sistemas ASP:
Abra FCKEditor/Editor/Filemanager/Connectores/ASP/config.asp
Habilitar la carga del archivo:
aparecer:
ConfigiseNable = false
Cambio a:
ConfigisEnabled = tr
Configure el directorio de carga y almacenamiento:
aparecer:
ConfiguserFileSpath =/admin/uppic/
Cambio a:
ConfiguserFileSpath = ruta personalizada
Para sistemas PHP:
Abra fckeditor/editor/filemanager/browser/default/conectores/php/config.php
Habilitar la carga del archivo:
aparecer:
$ Config [habilitado] = falso
Cambio a:
$ Config [habilitado] = tr
Configure el directorio de carga y almacenamiento:
aparecer:
$ Config [userFileSpath] = /userfiles /
Cambio a:
$ Config [userFileSpath] = ruta personalizada
(4) Modifique el método de nombres de archivos cargados.
FCKEDITOR Supe archivos, el nombre del archivo usa el nombre de archivo original.
cuadrado:
Para sistemas ASP:
Abra fckeditor/sample/editar/editar/editar/filemanager/conectores/asp/comandantes.asp
aparecer:
sfilename = SanitizeFileName (sfilename)
Cambie esta oración a un formato de nombres de archivos personalizados, por ejemplo:
Dim Rndstr
Aleatorizar
RndStr = cstr (fix (9000*rnd ()+1000)) genera un número aleatorio
sfilename = año (fecha) y mes (fecha) y día (fecha) y hora (hora) y minuto (hora) y segundo (hora) y rndstr &.
**tensión
Para sistemas PHP:
Abra fckeditor/editor/editor/filemanager/conectores/php/commands.php
aparecer:
$ SoriginalFileName = $ sfilename;
Incluido frente a esta oración:
// Inicializa la semilla
$ sstr = split (, microTime (), 5);
$ semilla = $ str [0]*10000;
// Inicializar el generador de números aleatorios usando semilla
srand ($ semilla);
// Generar números aleatorios dentro del rango especificado
$ Random = Rand (1000,10000);
// sintetizar el nombre del archivo inmediatamente
$ sfilename = date (ymdhis, time ()). $ random ... $ ** tensión;
(5) Cómo se hace referencia a FCKEditor en el programa.
Para sistemas ASP:
Necesita incluir el siguiente archivo de encabezado
<!-#incls?
Agregue el siguiente código a la ubicación del editor:
<%
Dim OfCkeditor
Establecer OfCKEditor = new FCKEditor
OfCKEditor.BASEPATH = / FCKEditor / Esta ruta debe ser relativa al directorio raíz del Sitio.
No se mostrará
ofCkeditor.ToolBarSet = predeterminado
ofCkeditor.width = 98%
OfCkeditor.Height = 500px
ofckeditor.val = establecer valor predeterminado
ofckeditor.create shangpin_description La identificación del editor es equivalente al valor de atributo de nombre de la etiqueta de entrada, aquí está
shangpin_description
%>
Para PHP:
Agregue el siguiente código a la ubicación del editor:
<? Php
Incl? (FCKEditor/fckeditor.php);
$ OfCKEditor = new FCKEditor (shangpin_description);
Nombre del valor del atributo, aquí está shangpin_description
$ OfCKEditor-> basepath =/fckeditor/;
$ OfCKEditor-> ToolBarSet = default;
$ deckeditor-> ancho = 98%;
$ deckeditor-> altura = 500px;
$ OfCKEditor-> val = // Establecer el valor predeterminado
$ OfCKEditor-> create ();
?>
(6) Obtenga los datos en FCKEditor.
Para los programas de secuencias de comandos del lado del servidor, simplemente use la ID del editor como el valor del atributo de nombre de la etiqueta de entrada, por ejemplo:
Req st (shangpin_description) en ASP, $ _req st [shangpin_description] en php
Use fckeditorapi.getInstance (shangpin_description) .getxhtml (tr) en js para obtener el valor correspondiente de shangpin_description
Configuración ASP de Ckeditor
Después de buscar en línea durante mucho tiempo, ¡finalmente lo encontré! O (∩_∩) o jaja ~
1. Cómo usar:
1. Introduzca el archivo de núcleo de ckeditor ckeditor.js en la página <Evista>
<script type = text/javaScript src = ckeditor/ckeditor.js> </script>
2. Inserte el control HTML <ExteAea> donde usa el editor
<TextARea id = textAea1 cols = 20 filas = 2 class = ckeditor> </extarea>
Si es un entorno ASP.NET, el control del lado del servidor <ExtBox> también se puede utilizar.
<ASP: TextBox id = TBContent Runat = Server TextMode = Multiline class = ckeditor> </asp: textbox>
Tenga en cuenta que class = ckeditor se agrega al control.
3. Reemplace el control correspondiente con el código del editor
<script type = text/javaScript>
Ckeditor.replace ('textAea1');
// Si se trata de un control del lado del servidor <ExtBox> utilizado en el entorno ASP.NET
Ckeditor.replace ('tbContent');
// Si el control <extexbox> está en la página maestra, escriba de esta manera
Ckeditor.replace ('< %= tbContent.clientid.replace (_, $) %>');
</script>
4. Configurar editor
La configuración de CKEditor se concentra en el archivo CKEditor/config.js.
// Idioma de interfaz, predeterminado a 'EN'
config.language = 'zh-cn';
// establecer ancho y altura
config.width = 400;
config.Height = 400;
// Hay tres tipos de estilos de editor: 'kama' (predeterminado), 'office2003', 'v2'
config.skin = 'v2';
// Color de fondo
config.uicolor = '#fff';
// Barra de herramientas (básico 'básico', general 'Full', Custom) Plugins/Tool Bar/Plugin.js
config.toolbar = 'básico';
config.toolbar = 'full';
Esto funcionará con:
config.toolbar_full = [
['Fuente', '-', 'guardar', 'NewPage', 'Vista previa', '-', 'plantillas'],
['Cut', 'Copiar', 'Pegar', 'Pastettext', 'PasteFromword', '-', 'Imprimir', 'SpellChecker', 'SCAYT'],
['Deshacer', 'rehacer', '-', 'encontrar', 'reemplazar', '-', 'selectall', 'removeFormat],
['Forma', 'casilla de verificación', 'Radio', 'TextField', 'TextARea', 'Seleccionar', 'Botón', 'ImageButton', 'Hiddenfield'],
'/',
['Bold', 'italic', 'subrayado', 'huelga', '-', 'subíndice', 'superíndice'],
['NumberedList', 'BulletedList', '-', 'Outerno', 'sangría', 'blockquote'],
['Justifyleft', 'justifycenter', 'justifyright', 'justifyblock'],
['Enlace', 'Unlink', 'Anchor'],
['Imagen', 'Flash', 'Table', 'Horizontalrule', 'Smiley', 'SpecialChar', 'PageBreak',
'/',
['Estilos', 'formato', 'fuente', 'FontSize'],
['TextColor', 'bgcolor']
];
// ¿Puede la barra de herramientas ser reducible?
config.ToolBARCANCOLLAPSE = True;
// La ubicación de la barra de herramientas
config.toolbarlocation = 'top'; // Opcional: Bottom
// si la barra de herramientas se expande de forma predeterminada
config.ToolBarStartUpExpanded = true;
// Undrag arrastre para cambiar la función de tamaño plugins/reizing/plugin.js
config.resize_enabled = false;
// Cambiar la altura máxima del tamaño
config.resize_maxheight = 3000;
// Cambiar el ancho máximo de tamaño
config.resize_maxwidth = 3000;
// Cambiar la altura mínima del tamaño
config.resize_minheight = 250;
// Cambiar el ancho mínimo de tamaño
config.resize_minwidth = 750;
// Al enviar un formulario que contiene este editor, es posible actualizar los datos en el elemento automáticamente
config.auToupDateElement = true;
// Establecer si se utiliza directorios absolutos o relativos, directorios vacíos o relativos
config.basehref = ''
// El valor del índice z del editor
config.basefloatzindex = 10000;
// Establecer teclas de acceso directo
config.Keystrokes = [
[Ckeditor.alt + 121 /*f10* /, 'Tool Barfocus'], // Obtén Focus
[Ckeditor.alt + 122 /*f11* /, 'ElementsPathFocus'], // ElementsFocus
[Ckeditor.hift + 121 /*f10* /, 'contextmenu'], // menú de texto
[Ckeditor.ctrl + 90 /*z* /, 'undo'], // revocar
[Ckeditor.ctrl + 89 /*y* /, 'redo'], // rehacer
[Ckeditor.ctrl + ckeditor.hift + 90 /*z* /, 'redo'], //
[Ckeditor.ctrl + 76 /*l* /, 'enlace'], // enlace
[Ckeditor.ctrl + 66 /*b* /, 'bold'], // bold
[Ckeditor.ctrl + 73 /*i* /, 'italic'], // cursiva
[Ckeditor.ctrl + 85 /*u* /, 'Underline'], // subrayar
[Ckeditor.alt + 109 /*-* /, 'Tool Barcolapse']
]
// La configuración de las teclas de acceso directo puede entrar en conflicto con las teclas de acceso directo del navegador Plugins/Keystrokes/Plugin.js.
config.blockedkeyStrokes = [
Ckeditor.ctrl + 66 /*b* /,
Ckeditor.ctrl + 73 /*i* /,
Ckeditor.ctrl + 85 /*u* /
]
// Establezca el valor del color de fondo del elemento en el Editar complementos/colorbutton/plugin.js.
config.colorButton_backstyle = {
Elemento: 'Span',
Estilos: {'' Color de fondo ':'#(color) '}
}
// Establecer los complementos de valor de color en primer plano/colorbutton/plugin.js
config.ColorButton_colors = '000,800000,8B4513,2F4F4F, 008080,000080,4B0082,696969, B22222, A52A2A, DAA520,
006400,40E0D0,0000CD, 800080,808080, F00, FF8C00, FFD700,008000,0FF, 00F, EE82EE,
A9A9A9, FFA07A, FFA500, FFFF00,00FF00, AFEEEE, ADD8E6, DDA0DD, D3D3D3, FFF0F5,
FAEBD7, FFFFE0, F0FFF0, F0FFFF, F0F8FF, E6E6FA, FFF '
// Si debe mostrar otras opciones de color al seleccionar complementos de color/colorbutton/plugin.js
config.colorButton_enablemore = false
// El valor predeterminado del color de primer plano del bloque está configurado en complementos/colorbutton/plugin.js
config.colorButton_forestyle = {
Elemento: 'Span',
estilos: {'color': '#(color)'}
};
// Agregar para agregar el archivo CSS que necesita agregar aquí puede usar la ruta relativa y la ruta absoluta del sitio web.
config.contentscss = './contents.css';
// dirección de texto
config.contentslangDirection = 'rtl';
// Si no desea configurar el archivo de configuración, simplemente déjelo en blanco
Ckeditor.replace ('myfiled', {customConfig: './config.js'});
// El color de fondo del cuadro de edición de la interfaz complementos/diálogo/plugin.js
config.dialog_backgroundcovercolor = 'rgb (255, 254, 253)';
config.dialog_backgroundcovercolor = 'white' // predeterminado
// El valor de opacidad del fondo debe estar entre: 0.0 y 1.0 complementos/diálogo/plugin.js
config.dialog_backgroundcoveropacity = 0.5
// Distancia de adsorción de la unidad Unidad de borde al mover o cambiar elementos: complementos de píxeles/diálogo/plugin.js
config.dialog_magnetDistance = 20;
// si rechazar la comprobación de hechizos locales y las indicaciones por defecto al rechazo actualmente solo solo Firefox y Safari Support Plugins/Wysiwygarea/Plugin.js.
config.disablenatespellchecker = true
// Funciones de edición de tabla tales como: Agregar filas o columnas actualmente solo es compatible con Firefox para complementos/wysiwygarea/plugin.js
config.disAblenAtiveTableHandles = verdadero;
// si habilita la función de cambio de tamaño de imágenes y tablas a config.disableBjectresizing = true;
config.disableBJectreizizing = False // El valor predeterminado está habilitado
// establecer el tipo de documento HTML
config.doctype = '<! DocType html public -// w3c // dtd xhtml 1.0 transitional // en;
// si debe renderizar los complementos del área de edición/editingblock/plugin.js
config.editingblock = true;
// La etiqueta generada por el regreso del carro en el editor
config.entermode = ckeditor.enter_p;
// si se debe usar entidades HTML para emitir complementos/entidades/plugin.js
config.entities = true;
// Definir más entidades complementos/entidades/plugin.js
config.entities_additional = ' # 39';
// si se debe convertir algunos caracteres difíciles de mostrar a los complementos/entidades/entidades de caracteres HTML correspondientes
config.entities_greek = true;
// si convertir algunos caracteres latinos en complementos HTML/entidades/plugin.js
config.entities_latin = true;
// para convertir algunos caracteres especiales a caracteres ASCII, como este es chino: el chino.
config.entities_processnumerical = false;
// Agregar nuevos componentes
config.extraplugins = 'myplugin';
// Use los complementos de color destacado/find/plugin.js al buscar
config.find_highlight = {
Elemento: 'Span',
estilos: {'background-color': '#ff0', 'color': '#00f'}
};
// El nombre de fuente predeterminado plugins/font/plugin.js
config.Font_DefaultLabel = 'Arial';
// Puede agregar caracteres chinos comúnmente utilizados al editar el conjunto de caracteres: fuente de canciones, fuente Kai, fuente en negrita y otros complementos/font/plugin.js
config.font_names = 'Arial; Times New Roman; Verdana';
// El estilo predeterminado de complementos de texto/font/plugin.js
config.font_style = {
Elemento: 'Span',
Estilos: {'Font-Family': '#(Family)'},
anulación: [{elemento: 'font', atributos: {'cara': null}}]
};
// El tamaño de fuente predeterminado plugins/font/plugin.js
config.FontSize_DefaultLabel = '12px';
// El tamaño de fuente opcional al editar complementos/font/plugin.js
confontsize_sizes = '8/8px; 9/9px; 10/10px; 11/11px; 12/12px; 14/14px; 16/16px; 18/18px; 20/20px; 22/22px; 24/22px; 26; 26; 26; /26px; 28/28px; 36/36px; 48/48px; 72/72px '
// los complementos de estilo/font/plugin.js usados al configurar el tamaño de la fuente
config.fontsize_style = {
Elemento: 'Span',
estilos: {'font-size': '#(size)'},
anulación: [{elemento: 'fuente', atributos: {'size': null}}]
};
// si se debe forzar la copia del contenido para eliminar los complementos de formato/pastetext/plugin.js
config.forcePastEASPLAINTEXT = FALSE // No eliminado
// si forzar y reemplazar y complementos/htmldataprocessor/plugin.js
config.forcesimpleMpersand = false;
// Formatear los complementos de la etiqueta de dirección/formato/plugin.js
config.Format_address = {elemento: 'dirección', atributos: {class: 'styledaddress'}};
// formatear automáticamente los plugins/format/plugin.js de las etiquetas DIV
config.format_div = {elemento: 'div', atributes: {class: 'normalDiv'}};
// Formateo automáticamente los complementos de etiqueta H1/formato/plugin.js
config.Format_h1 = {elemento: 'H1', atributos: {class: 'contentTitle1'}};
// Formateo automáticamente los complementos de etiqueta H2/formato/plugin.js
config.Format_h2 = {elemento: 'H2', atributos: {class: 'contentTitle2'}};
// Formateo automáticamente los complementos de etiqueta H3/formato/plugin.js
config.Format_h1 = {elemento: 'H3', atributos: {class: 'contentTitle3'}};
// formatear automáticamente los complementos de etiqueta H4/formato/plugin.js
config.Format_h1 = {elemento: 'H4', atributos: {class: 'contentTitle4'}};
// Formateo automáticamente los complementos de etiqueta H5/formato/plugin.js
config.Format_h1 = {elemento: 'H5', atributos: {class: 'contentTitle5'}};
// Formateo automáticamente los complementos de etiqueta H6/formato/plugin.js
config.Format_h1 = {elemento: 'H6', atributos: {class: 'contentTitle6'}};
// formatear automáticamente las etiquetas P plugins/format/plugin.js
config.Format_p = {elemento: 'P', atributos: {class: 'Normalpara'}};
// Formateo automáticamente los plugins/format/plugin.js de las etiquetas previas
config.format_pre = {elemento: 'pre', atributes: {class: 'código'}};
// Mostrar complementos/format/plugin.js en la barra de herramientas con nombres de etiquetas separados por semicolon en la barra de herramientas
config.Format_tags = 'P; H1; H2; H3; H4; H5; H6; Pre; Dirección; Div';
// Si usa el modo de edición HTML completo, el código fuente incluirá etiquetas como <html> <body> </body> </html>, etc.
config.fullPage = false;
// si ignorar los caracteres vacíos en el párrafo.
config.ignoreEmptyParAraph = true;
// Al borrar los atributos del enlace en el cuadro Propiedades de la imagen, ¿borro los complementos de etiqueta <a>? <a> complementos de etiqueta/imagen/plugin.js
config.image_removelinkByEmptyUrl = true;
// Se muestra un conjunto de nombres de etiquetas separados por comas en la anidación jerárquica en los complementos de esquina inferior izquierdo/menú/plugin.js.
config.menu_groups = 'portapapeles, formato, tableCell, TableCellProperties, Tablerow, TableColumn, Table, Anchor, Link, Image, Flash, Checkbox, Radio, Textfield, Hiddenfield, ImageButton, Botton, Select, Textarea';
// retraso al mostrar submenú, unidad: MS Plugins/Menu/Plugin.js
config.menu_submenudelay = 400;
// Al ejecutar un nuevo comando, el contenido en el editor Plugins/NewPage/Plugin.js
config.newpage_html = '';
// Al copiar texto de Word, si se debe formatear el texto y eliminar complementos/pastefromword/plugin.js
config.pasteFromWordignArfontface = verdadero;
// si se debe usar <h1> <h2> y otras etiquetas para modificar o reemplazar el contenido pegado desde los complementos del documento de Word/pasteFromword/plugin.js
config.pasteFromWordkeepsStructure = false;
// si debe eliminar los complementos de formato/pasteFromword/plugin.js al pegar contenido de Word
config.pasteFromWordRemoVestyle = false;
// Formateo del contenido HTML de salida De acuerdo con el tipo de lenguaje de fondo, el valor predeterminado está vacío
config.protectedSource.push (/</? [/s/s]*?/?>/g);
config.protectedSource.push (// g);
config.protectedsource.push (/(]+> [/s |/s]*? <// asp: [^/>]+>) | (]+/// gi); // código ASP.NET
// la etiqueta insertada cuando ingresa: cambiar+ingresar
config.shiftentermode = ckeditor.enter_p;
// Complementos de caracteres de sustitución de emoticones opcionales/smiley/plugin.js.
config.smiley_descriptions = [
':)', ':(', ';)', ': d', ':/', ': p',
'', '', '', '', '', '', '',
'', '; (', '', '', '', '', '',
'', ':beso', '' ];
// Los complementos de expresión de expresión correspondientes/smiley/plugin.js
config.smiley_images = [
'regular_smile.gif', 'sad_smile.gif', 'wink_smile.gif', 'dientes_smile.gif', 'confundido_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', 'lightbulb.gif', 'thumbs_down.gif', 'thumbs_up.gif', 'heart.gif',
'broken_heart.gif', 'biss.gif', 'envelope.gif'];
// La dirección de los complementos de expresión/smiley/plugin.js
config.smiley_path = 'plugins/smiley/images/';
// Cuando se carga la página, ¿el cuadro de edición obtiene el enfoque inmediatamente complementos/editingblock/plugin.js plugins/editingblock/plugin.js?
config.startUpfocus = false;
// Cómo editar el código fuente y la fuente de Wysiwyg y los complementos Wysiwyg/editingblock/plugin.js al cargar.
config.startupmode = 'wysiwyg';
// Al cargar, ¿se muestra el borde de los complementos de cuadro/showblocks/plugin.js
config.startUpoutlineBlocks = false;
// si se debe cargar los complementos de archivo de estilo/Stylescombo/plugin.js.
config.stylescombo_stylesset = 'default';
// Los siguientes son opcionales
config.stylescombo_stylesset = 'mystyles';
config.stylescombo_stylesset = 'mystyles: /editorStyles/styles.js';
config.stylescombo_stylesset = 'mystyles: http: //www.example.com/editorstyles/styles.js';
// El valor de índice inicial
config.tabindex = 0;
// Cuando la pestaña Tipado del usuario, el número de espacios pasados por el editor, () cuando el valor es 0, el enfoque se moverá fuera del cuadro de edición complementos/tab/plugin.js
config.tabspaces = 0;
// Se usa el plantilla de plantilla predeterminado/plantplates/plugin.js.
config.templates = 'default';
// complementos de archivo de plantilla de comas-coma/plantilla/plugin.js.
config.templates_files = ['plugins/plantplates/plantplates/default.js']]
// Al usar plantillas, se reemplazará el contenido de edición.
config.templates_replaceContent = true;
//tema
config.theme = 'default';
// Pasos de registro revocados Plugins/Undo/Plugin.js
config.undostackSize = 20;
// Integrar CKFinder en CKEditor, tenga en cuenta que la selección de ruta de CKFinder debe ser correcta.
//Ckfinder.setupckeditor(null, '/ckfinder/');