Introdução ao FCKeditor
O FCKeditor é um editor de texto poderoso que suporta funcionalidades WYSIWYG e pode oferecer aos usuários serviços de edição de documentos online, como o software Microsoft Office. Não requer nenhum tipo de instalação de cliente, é compatível com a maioria dos navegadores convencionais e suporta ambientes de programação como ASP.Net, ASP, ColdFusion, PHP, Java, Active-FoxPro, Lasso, Perl, ython, etc.
Site oficial http://www.fckeditor.net/
Documentação oficial http://wiki.fckeditor.net/
Baixe o endereço http://www.fckeditor.net/download/default.html
Na verdade, o processo de configuração de diferentes versões do FCKeditor é basicamente semelhante, e aqui vamos usar a versão mais recente do 2.63 como exemplo para apresentá-lo.
Instalação e configuração do FCKeditor
Para http://www.fckeditor.net, baixe os 2 pacotes zip para FCKeditor2.63.zip e FCKeditor.NET versão 2.63
(a) FCKeditor_2.6.3 é seu Javascrip mais recente sem arquivos t e imagens;
(b) FCKeditor.Net_2.6.3.zip é um arquivo DLL de controle ASP.NET.
Descompacte para obter o arquivo central do FCKeditor e copie para o diretório raiz do projeto web (sugerido, claro, você pode colocar em qualquer lugar). Depois descompacta o B e sair. Código-fonte suportado por .NET, entre, há uma DLL FCKeditor no Release na bin (também há uma pasta de depuração aqui, recomenda-se usar release), precisamos adicionar uma referência a ela no projeto.
1. Clique com o botão direito no navegador de projetos e selecione Adicionar Referência... ), encontre a aba Navegar, depois localize o FredCK.FCKeditorV2.dll você deszippou e confirme. No momento, há uma pasta bin adicional no diretório do projeto FCKPro, que contém FredCK.FCKeditorV2.dll arquivos.
2. Para facilitar o desenvolvimento do RAD, também adicionamos o controle FCKeditor ao VS Toolbox, expandimos o grupo de abas comum (Geral) da toolbox e clicamos com o botão direito para selecionar o componente (Escolher Itens... ), encontre diretamente o botão de navegar na caixa de diálogo, localize o FredCK.FCKeditorV2.dll e então confirme.
3. Configure o WebConfig, adicione-o ao <appSettings>nó, conforme mostrado abaixo:- <appSettings>
- <add key="FCKeditor:BasePath" value="/Web/fckeditor/"/>
- <add key="FCKeditor:UserFilesPath" value="/Web/Upload/" />
- </appSettings>
Nota: "/Web/" é o nome do projeto.
BasePath:fckeditor é o diretório onde está localizada toda a pasta FCKeditor.
UserFilesPath: O caminho para enviar arquivos, imagens, etc.
Após concluir o primeiro item da configuração detalhada abaixo, podemos usar o controle FCKeditor. Para depurar melhor essa ferramenta e fazê-la atender às nossas necessidades reais, é necessário modificar as configurações de suas propriedades.
Configurações detalhadas do FCKeditor
Vá até a pasta FCKeditor e edite o arquivo fckconfig. Na verdade, a lista é relativamente clara, a escrita é mais padronizada e há algumas anotações, mas desde que você saiba um pouco de inglês, pode entendê-lo e é muito prático de operar. Aqui estão alguns cenários comumente usados como um pequeno exemplo.
1. Esse passo é indispensável, o mais importante e essencial.
Originalmente:
var _FileBrowserLanguage = 'php' ; asp | aspx | CFM | laço | perl | PHP | py
var _QuickUploadLanguage = 'php' ; asp | aspx | CFM | laço | PHP
Alterado para:
var _FileBrowserLanguage = 'aspx' ; asp | aspx | CFM | laço | perl | PHP | py
var _QuickUploadLanguage = 'aspx' ; asp | aspx | CFM | laço | PHP
2. Configure o pacote de idiomas. Existem Inglês, Tradicional Chinês, etc., aqui usamos Chinês Simplificado.
Originalmente:
FCKConfig.DefaultLanguage = 'en' ;
Alterado para:
FCKConfig.DefaultLanguage = 'zh-cn' ;
3. Configure a pele. Existem padrão, office2003, silver style, etc., aqui podemos usar o padrão.
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
4. Você pode usar a tecla Tab no domínio editor. (1 é sim, 0 é não)
FCKConfig.TabSpaces = 0 ; FCKConfig.TabSpaces = 1;
5. Adicionar vários métodos de fontes que usamos comumente, tais como:
revisar
FCKConfig.FontNamesNomes = 'arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana' ;
Alterado para:
FCKConfig.FontNames = 'Estilo de Canção; corpo preto; escrita clerical; Itálico _GB2312; Arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana'
6. A fonte padrão de exibição no domínio editor é 12px, e se quiser modificá-la, pode modificar a folha de estilo para atender aos requisitos, abrir /editor/css/fck_editorarea.css e modificar o atributo tamanho da fonte. Por exemplo, tamanho da fonte: 14px;
7. Sobre segurança.
Se seu editor for usado na interface do site, então você precisa considerar a segurança, não use a barra de ferramentas padrão em primeiro plano, personalize a função ou use o sistema definido na barra de ferramentas básica, ou seja, a básica,
FCKConfig.ToolbarSets["Basic"] = [
['Negrito', 'Itálico','-', 'OrderedList', 'UnorderedList', '-''Link', 'Desvincular', 'Image', '--', 'Sobre']
] ;
Na verdade, você pode configurar esses de acordo com suas próprias necessidades, e as funções são poderosas o suficiente para oferecer mais opções, que certamente atenderão às suas necessidades.
Claro, você também pode configurar o WebConfig para garantir segurança, sobre o qual falaremos a seguir.
Problemas com o FCKEditor 2.6:
1. Solução para o erro "Por favor, verifique o editor/gerenciador de arquivos/conectores/aspx/config.aspx" no FCKeditor
Abra editor/filemanager/connectors/aspx/config.ascx para modificar o método CheckAuthentication() e retornar true
- private bool CheckAuthentication()
- {
- return true;
- }
2. Clique em Navegar Servidor na janela de Upload Arquivo, o servidor não enviou de volta aparecerá um XML adequado..... Mensagem de erro, porque versões posteriores do FCKEditor exigem que diferentes tipos de arquivos sejam enviados para diferentes diretórios, incluindo arquivo, imagem, falsh, mídia, etc., que devem ser estabelecidos primeiro.
FCKeditor é simplificado
Vá até a pasta FCKeditor e apague todos os arquivos e pastas que começam com "_", esses são alguns exemplos, basta manter a pasta editor, fckconfig, fckeditor, fckstyles.xml, fcktemplates.xml;
Vá até a pasta editor, exclua a pasta "_source" e coloque o arquivo fonte nela;
Retorne ao diretório anterior para a pasta gerenciador de arquivos, há duas pastas: navegador e upload. Vá nos conectores "padrão" do navegador, mantenha apenas a pasta aspx e apague o restante. O diretório MCPUK também pode ser excluído; upload é o mesmo, apenas a pasta ASPC é mantida;
Volte para o editor e depois entre na pasta de imagens, o smiley fica no ícone de emoji, existem duas séries, msn e fun, se quiser usar seu próprio emoji, pode deletar todos; Se quiser usar o ícone de emoji aqui, então não o delete;
lang é colocado no pacote de idiomas; se você usar apenas chinês simplificado, mantenha apenas os dois arquivos de fcklanguagemanager e zh-cn, recomenda-se manter os dois arquivos en (inglês) e zh (chinês tradicional), fcklanguagemanager é o arquivo de configuração de idioma, podendo ser pareado com as configurações em fckconfig, correspondentes ao arquivo de idioma correspondente, deve ser mantido!
Depois, saia da pasta lang, entre na pasta skins, se quiser usar o amarelo creme padrão do FCKeditor, então exclua as outras duas pastas, exceto a pasta padrão, diretamente; se quiser usar outra opção, depende da sua preferência.
Pacote com asp.net editor:
ckeditor_aspnet_3.6.6.2.zip
(1.32 MB, Número de downloads: 0, Preço de venda: 2 Grain MB)
|
Publicado em 17/04/2015 13:35:50
|
|
|
