IMCE

FCKeditor and IMCE Tutorial

Dec 3 2009

IMCE y FCKeditor trabajar bien juntos para proporcionar al usuario un entorno WYSIWYG (What You See Is What You Get) Tipo de interfaz de editor. IMCE es una imagen hasta cargador y permite a los usuarios a utilizar imágenes en sus puestos. En este tutorial aprenderemos el proceso básico de la instalación, habilitación y configuración de estos módulos para su sitio.

Descargar IMCE y FCKeditor módulos

1.Descargar IMCE de módulos de Drupal. Extracto / copiar el módulo IMCE en sus sitios / todos los módulos de la carpeta. (Asegúrese de tomar el tiempo para leer la documentación IMCE).

 

IMCE folder

 

2.Descargar FCKeditor de módulos de Drupal. Extracto / copiar el módulo FCKeditor en sus sitios / todos los módulos de la carpeta. (Asegúrese de tomar el tiempo para leer la documentación FCKeditor.)

FCKeditor

 

3. http://ckeditor.com/download and click the download link.">Ir a la http://ckeditor.com/download y haga clic en el enlace de descarga. Ver imagen debajo.

FCKeditor download

 

4. Descargar y extraer el archivo y se le fckeditor una carpeta llamada.

fckeditor folder

5. Copiar esta carpeta fckeditor y pegarlo en la carpeta FCKeditor módulo. La estructura debe ser similar a los siguientes sitios / all / modules / fckeditor / fckeditior.

FCKeditor Folder Structure

Habilitar FCKeditor y IMCE módulos

1. Ir a Administrar> Construcción del sitio> Módulos y permitir FCKeditor y IMCE y guardar las configuraciones.

Enable FCKeditor

Enable IMCE

2. Ir a Administer> User Management> Permisos y marque los permisos y guardar premissions. La concesión de permisos que depende de las funciones que usted haya establecido para su sitio. He aquí un ejemplo.

Grant Premissions

Configurar FCKeditor

1. Ir a Administrar> Configuración del sitio> FCKeditor Configuración. Haga clic en el vínculo "editar" junto al perfil predeterminado.

FCKeditor Profiles

2. Bajo Configuración básica de verificación de las funciones que le gustaría los perfiles predeterminados que se aplican.

FCKeditor Basic Setup

3. Bajo CSS elegir el tema editor CSS para la FCKeditior.

FCKeditior CSS Settings

4. En Configuración de elegir IMCE Explorador de archivos desde el menú desplegable el tipo de explorador de archivos el menú desplegable.

FCKeditor File Browser Settings

5. Al hacer clic en Actualizar perfil, se le trajo de vuelta a la página de configuración FCKeditor y el papel que usted elija en el paso 2 aparecerá junto al perfil predeterminado.

FCKeditor Profiles

6. Ir a Administrar> Configuración del sitio> FCKeditor Configuración. Haga clic en el vínculo "editar" junto al perfil avanzado.

FCKeditor Profiles

7. Bajo Configuración básica de verificación de las funciones que le gustaría a los perfiles de Advance se aplican.

FCKeditor Advanced Basic Setup

8. Bajo CSS elegir el tema editor CSS para la FCKeditior.

FCKeditior CSS Settings

9. En Configuración de elegir IMCE Explorador de archivos desde el menú desplegable el tipo de explorador de archivos el menú desplegable.

FCKeditor File Browser Settings

10. Al hacer clic en Actualizar perfil, se le trajo de vuelta a la página de configuración FCKeditor y el papel que usted elija en el paso 7 aparecerá junto al perfil Advance.

FCKeditor Profiles

Modificar formatos de entrada

Formatos de entrada está limitada por los roles. No es una buena idea dar a los usuarios Full HTML. Full HTML debe limitarse a los usuarios de mayor confianza, tales como editores de contenido de su sitio o de los administradores del sitio.

Filtered HTML Utilizando puede guardar su sitio de ser hackeado. Las etiquetas de HTML por defecto de filtrado es limitada. Usted tendrá que considerar la modificación de su Filtered HTML para incluir algunas etiquetas adicionales.

1. Ir a Administrar> Configuración del sitio> formatos de entrada y haga clic en Siguiente para configurar HTML filtrado.

Input Formats

Luego haga clic en la pestaña de configuración.

Configure Tab

2. En "Etiquetas HTML permitidas" se añaden las etiquetas suplemento. Por ejemplo, agregue <h1> <h2> <h3> <h4> <h5> <h6> <img>. Salvar su configuración.

Add Tags

3. Ir a Administrar> Configuración del sitio> formatos de entrada y haga clic en Siguiente para configurar Full HTML.

Input Formats

4. Editor de llegada Roles y guardar la configuración.

 Full HTML Input Format

5. Editor no se muestra junto a Full HTML en la página de formatos de entrada.

Full HTML Input Format

El FCKeditor para los usuarios anónimos y autenticados mostrará Filtered HTML.

FCKeditor Filtered HTML View

El FCKeditor para editores pantalla Full HTML.

FCKeditor Full HTML View

 

Configurar IMCE

1. Ir a Administrar> Configuración del sitio> IMCE. Haga clic en el vínculo "editar" junto al usuario-1 de perfil. User-1 es para el usuario 1, que es la función de administrador cuando el sitio se estableció por primera vez. Este perfil IMCE tanto, es adecuado para cualquier usuario de las funciones administrativas establecidas para su sitio.

IMCE Configuration

2. Cambiar el nombre de perfil para avanzar a coincidir con el perfil FCKeditor.

IMCE Profile Name

3. Virtud de la resolución de imagen máxima de cambiar el tamaño para satisfacer las necesidades de su sitio. Por ejemplo, el área de contenido de los nodos de mi sitio web no debe superar los 640px. He cambiado la resolución de imagen máxima de 640x480. Luego haga clic en Guardar configuración.

IMCE Maximum Image Resolution

4. Ir a Administrar> Configuración del sitio> IMCE. Haga clic en el vínculo "editar" junto al perfil de la muestra.

IMCE Configuration

5. Cambiar el nombre del perfil predeterminado para que coincidan con el perfil FCKeditor.

6. Virtud de la resolución de imagen máxima de cambiar el tamaño para que coincida con la configuración que estableció anteriormente.

7. Ir a Administrar> Configuración del sitio> IMCE en papel en misiones asignar el perfil de IMCE a la función adecuada.

IMCE Role Assignment

Usted está hecho!

FCKeditor and IMCE Tutorial

Dec 3 2009

IMCE and FCKeditor work well together in providing the user a WYSIWYG (What You See Is What You Get) editor type interface. IMCE is an image up-loader and allows users to utilize images in their posts. In this tutorial you will learn the basic process of installing, enabling and configuring these modules for your site.

Download IMCE and FCKeditor Modules

1. Download IMCE from Drupal modules. Extract/copy the IMCE module into your sites/all/modules folder. (Be sure to take the time to read the IMCE documentation.)

 

IMCE folder

 

Syndicate content