FCKeditor é um projeto de código aberto no sourceforge.net. Ele implementa principalmente a função de um editor de páginas da web online, permitindo que programas da web tenham funções de edição poderosas, como o MS Word. O site oficial é http://www.fckeditor.net, que oferece suporte a ASP.Net, ASP, ClodFusion, PHP, Java e outras linguagens no lado do servidor e oferece suporte a navegadores convencionais como IE 5+, Mozilla e Netscape.
Primeiro baixe o fckeditor do site oficial. Observe que existem dois pacotes, um é o arquivo principal e o outro é o pacote de integração jsp.
1. Descompacte FCKeditor_2.2.zip, (arquivo principal do FCKeditor) e copie o diretório FCKeditor para o diretório raiz do site.
2. Descompacte FCKeditor-2.3.zip, (jsp, pacote de integração do FCKeditor). JSP Integration Pack para usar o FCKeditor dentro de uma página de servidor java sem a complexidade de usar scriptlets Java ou a API javascript
3. Copie as duas definições de servlet e mapeamento de servlet em FCKeditor-2.3/web/WEB-INF/web.xml para. seu próprio Modifique o seguinte conteúdo no arquivo web.xml do projeto
:
<mapeamento de servlet> <servlet-name>Conector</servlet-name> <url-padrão> /editor/filemanager/browser/default/connectors/jsp/connector </url-padrão> </servlet-mapping> <mapeamento de servlet> <servlet-name>SimpleUploader</servlet-name> <url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern> </servlet-mapping> |
Resultados da modificação:
<mapeamento de servlet> <servlet-name>Conector</servlet-name> <url-padrão> /FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector </url-padrão> </servlet-mapping> <mapeamento de servlet> <servlet-name>SimpleUploader</servlet-name> <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern> </servlet-mapping> |
4. Copie os arquivos do diretório FCKeditor-2.3/web/WEB-INF/lib para a pasta lib do seu próprio projeto
5. Adicione à interface jsp onde o FCKeditor precisa ser usado:
// Adicione
<%@ taglib uri=
no início do arquivo"http://fckeditor.net/tags-fckeditor" prefix="FCK" %>
//Adicione onde deseja usá-lo
<FCK:editor id="content" basePath="/FCKeditor/" imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html? Type=Image&Connector=conectores/jsp/conector" linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html? Conector=conectores/jsp/conector" flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html? Type=Flash&Connector=conectores/jsp/conector" imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Imagem" linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Arquivo" flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"> este é o conteúdo padrão :) </FCK:editor> |
Inicie o teste do servidor... Após o sucesso, vamos reduzir o FCKeditor
1. Exclua todas as pastas que começam com sublinhados "_" no diretório e subdiretórios do FCKeditor.
2. Somente fckconfig.js, fckeditor.js serão retidos na raiz do FCKeditor. Exclua todo o resto de fckstyles.xml, fcktemplates.xml
3. Limpe os arquivos e pastas no diretório editor/filemanager/upload
4. Você também pode excluir os arquivos de skin no diretório editor/skins, deixando apenas o padrão. conjunto de skins (se você não precisar alterar a skin)
5. Você também pode excluir os arquivos no diretório editor/lang e manter apenas os arquivos en.js, fcklanguagemanager.js, zh-cn.js, zh.js (Inglês, chinês simplificado e chinês tradicional geralmente devem ser Isso é o suficiente :))
Feito.
Outros problemas:
Quando usado em struts+spring+hibernate, amensagem de erro pode aparecer na função de upload de imagem:
O formato de saída deve ter uma propriedade '{http://xml.apache.org/xalan}content-handler'!
exclua xalan*.jar no diretório WEB-INF/lib e tenteproblemas de segurança:
Se usuários comuns também puderem usar o FCKEditor na recepção, preste atenção aos problemas de segurança relacionados. Ao usá-lo na recepção, não use o padrão. ToolBar e add Os botões de imagem, flash e campo de imagem são removidos. Configurar os valores na matriz em cerca de 78 linhas em fckconfig.js é como uma função na interface. representa.
A instalação do FCKeditor agora está concluída. Para configuração detalhada, você pode ver os exemplos no diretório web/_samples na pasta FCKeditor-2.3.zip, (jsp, pacote de integração do FCKeditor).