Insertar código fuente en la página web ASP

Primero, abra el archivo fckconfig.js en fckeditor y busque los conjuntos de barras de herramientas fckconfig ["default"] y fck config. y agregue "InsertCode" después de ellos. Por supuesto, este es el nombre de la barra de herramientas que desea agregar. Luego, encontramos zh-cn.js en la carpeta "fckeditor\editor\lang" y agregamos las siguientes dos oraciones después de la última línea:

//Personalización

Insertar código: "Insertar código",

InsertCodeProp: "Insertar propiedad de código"

Nota al agregar una coma después de DlgAboutInfo: "Para obtener más información, visite" aquí hace dos oraciones. Por supuesto, también puedes modificar archivos js en otros idiomas de la misma manera, así que modifiqué el tradicional zh.js y el en.js en inglés.

Ahora hemos definido la barra de herramientas y comenzamos Capítulo 1 Dos pasos importantes. Abrimos fckeditorcode_gecko.js y fckeditorcode_ie.js en "fckeditor\editor\js" y comenzamos a registrar la barra de herramientas.

Paso uno: busque "InsertHorizontalRule" en los dos archivos y agregue "InsertCode" después.

Paso 2: Busque "default:if (fck regxlib)" en los dos archivos y agregue la siguiente oración antes de "default":

case "insert code":B = new FCKDialogCommand("insertar código", FCKLang. InsertCode, 'dialog/insert code/insert code . htm', 510, 450

Esta oración significa que cuando se hace clic en la barra de herramientas Al abrir el; , abra el archivo InsertCode.htm y defina la altura y el ancho. En cuanto al contenido del archivo, hablaremos de ello más adelante.

Paso 3: busque "default: alert (fcklang. Elemento de columna desconocido" y agregue la siguiente oración antes de "default":

case "insert code": B = new FCKToolbarButton ("insertar código", FCKLang. InsertCode, null, null, null, null, 67);

El ícono de la barra de herramientas está definido y el archivo de ícono predeterminado de FCKeditor es "fckeditor\editor\skins\default " La imagen fck_strip.gif a continuación, así que agregué una imagen pequeña porque no quería usar el ícono predeterminado duplicado:

(20*20)

La imagen predeterminada es Utilice PS para alargar el lienzo a 16*2072 y luego coloque su propia imagen pequeña en la parte inferior, de modo que la imagen personalizada esté exactamente en la posición 67. Puede agregar esta imagen en secuencia agregando nuevas funciones. el futuro.

Bien. Después de estos tres pasos, hemos agregado la barra de herramientas personalizada (después de aproximadamente, si desea agregarla en el medio, puede agregar las declaraciones agregadas al Caso correspondiente en el segundo. y tercer paso. )

Ya está, la tarea es 1/3, ¡vamos!

Comencemos a definir el archivo InsertCode.htm:

¡En " fckeditor\ Agregue la carpeta InsertCode en "editor\dialog" y cree un nuevo archivo HTM InsertCode.htm. Primero, copie el código en el archivo "fckeditor\editor\dialog\fck_textfield.html".

Bien, comienza la acción principal:

Primero, en "

Luego cambie la función "window.onload = function()", elimine el if {} else{} dentro, elimine Todo el código en la función Ok() y agrega las siguientes dos oraciones:

Oedipus.insert html(code()

window.parent.cancel(

Debido a que agregamos la cadena con formato de código al editor FCKeditor, usamos la función InsertHtml incorporada y la función code() pasa la cadena. En cuanto al código html a continuación, lo cambié al código de InsertCode. .htm en el editor de Piscis (no proporcionado aquí, pondré el código modificado, solo una breve explicación aquí)

Modifiquémoslo en el archivo "code.js" y reemplacemos "código de función". ()"

ventana. valor de retorno = formato de código (cadena, idioma, showLine, canCollapse, canAllCollapse, toda la región);

ventana.close().

Cambie estas dos oraciones a una:

Código de formato de retorno (cadena, idioma, showLine, canCollapse, canAllCollapse, toda la región);

En este punto, puede usar Insertar Función de código (este paso se puede completar al agregar otras funciones).