Hoje, o editor on -line foi enviado no ambiente ASP, mas foi inválido. Eu procurei muito tempo antes de encontrar esta introdução. O FCKeditor suporta uma variedade de linguagens de script de servidor.
Para sistemas ASP:
O diretório raiz do fckeditor, apenas retém fckeditor.asp, fckconfig.js, fckeditor.js, fckpackager.xml, fckstyles.xml,
FCKTemplates.xml e diretório editor. Exclua o diretório de amostra _samples.
Somente o diretório ASP é retido no diretório FCKeditor/Editor/FileManager/Connectors, e outros diretórios e arquivos são excluídos.
(2) Modifique o programa de script (idioma) usado para fazer upload do arquivo.
O programa de upload de arquivos FCKEDitor padrão é ASP.
Se for usado no sistema PHP, você precisará fazer as seguintes modificações e abrir fckconfig.js
virar para cima:
var _filebrowserlang ge = asp
var _quickuploadlang ge = asp
Mudar para:
var _filebrowserlang ge = php
var _quickuploadlang ge = php
(3) Ligue o upload do arquivo e modifique o diretório de upload do arquivo.
Para sistemas ASP:
Open FCKeditor/Editor/FileManager/Connectors/ASP/Config.asp
Ativar upload de arquivo:
virar para cima:
ConfigisEnabled = false
Mudar para:
ConfigisEnabled = tr
Configure o diretório de upload e armazenamento:
virar para cima:
Configuserfilespath =/admin/uppic/
Mudar para:
ConfiguserFilESPATH = Caminho personalizado
Para sistemas PHP:
Open FCKeditor/Editor/FileManager/navegador/default/conectores/php/config.php
Ativar upload de arquivo:
virar para cima:
$ Config [habilitado] = false
Mudar para:
$ Config [habilitado] = tr
Configure o diretório de upload e armazenamento:
virar para cima:
$ Config [userfilespath] = /userfiles /
Mudar para:
$ Config [userfilespath] = caminho personalizado
(4) Modifique o método de nomeação de arquivo carregado.
O FCKEDITOR carrega arquivos, o nome do arquivo usa o nome do arquivo original.
quadrado:
Para sistemas ASP:
Aberto fckeditor/sample/edit/edit/edit/FileManager/conectores/asp/commands.asp
virar para cima:
sfilename = SanitizeFilename (sfileName)
Altere esta frase para um formato de nomeação de arquivos personalizado, por exemplo:
Dim rndStr
Randomizar
Rndstr = cstr (fix (9000*rnd ()+1000)) gera um número aleatório
sfilename = ano (data) e mês (data) e dia (data) e hora (hora) e minuto (hora) e segundo (hora) & rndstr &.
**tensão
Para sistemas PHP:
Open fckeditor/editor/editor/FileManager/conectores/php/commands.php
virar para cima:
$ soriginalfilename = $ sfilename;
Incluído na frente desta frase:
// inicialize a semente
$ sstr = dividido (, microtime (), 5);
$ semente = $ str [0]*10000;
// inicialize o gerador de números aleatórios usando semente
srand ($ semente);
// gerar números aleatórios dentro do intervalo especificado
$ aleatória = rand (1000.10000);
// sintetize o nome do arquivo imediatamente
$ sfilename = data (ymdhis, time ()). $ Random ... $ ** tensão;
(5) Como o FCKeditor é referenciado no programa.
Para sistemas ASP:
Precisa incluir o seguinte arquivo de cabeçalho
<!-#incl?
Adicione o seguinte código ao local do editor:
<%
Dim Ofckeditor
Set ofckeditor = novo fckeditor
OFCKEDITOR.BASEPATH = / FCKEDITOR / Este caminho deve ser relativo ao diretório raiz do site.
Não será exibido
OFCKEDITOR.TOOLBARSET = Padrão
OFCKeditor.Width = 98%
OFCKeditor.Height = 500px
OFCKEDITOR.VAL = Definir valor padrão
OFCKEDITOR.CRATE SHANGPIN_DESCRIÇÃO O ID do editor é equivalente ao valor do atributo Nome da tag de entrada, aqui está
shangpin_description
%>
Para PHP:
Adicione o seguinte código ao local do editor:
<? php
incl? (fckeditor/fckeditor.php);
$ ofckeditor = novo fckeditor (shangpin_description);
Valor do atributo de nome, aqui está Shangpin_description
$ ofckeditor-> Basepath =/fckeditor/; // Defina o caminho do fckeditor
$ ofckeditor-> Ferramentas de ferramentas = padrão;
$ ofckeditor-> largura = 98%;
$ ofckeditor-> altura = 500px;
$ ofckeditor-> val =; // Defina o valor padrão
$ ofckeditor-> create ();
?>
(6) Obtenha os dados no FCKeditor.
Para programas de script do lado do servidor, basta usar o ID do editor como o valor do atributo Nome da tag de entrada, por exemplo:
REQ ST (Shangpin_Description) em ASP, $ _req st [shangpin_description] em php
Use fckeditorapi.getInstance (shangpin_description) .getxhtml (tr) em js para obter o valor correspondente de shangpin_description
Configuração ASP do CKeditor
Depois de pesquisar on -line por um longo tempo, finalmente o encontrei! O (∩_∩) o haha ~
1. Como usar:
1. Apresente o arquivo CKEditor Core Ckeditor.js na página <Head>
<script type = text/javascript src = ckeditor/ckeditor.js> </script>
2. Insira o controle html <sexttarea> onde você usa o editor
<textarea id = textarea1 cols = 20 linhas = 2 class = ckeditor> </sexttarea>
Se for um ambiente ASP.NET, o controle do lado do servidor <TexthBox> também pode ser usado.
<asp: textbox id = tbContent runat = servidor textMode = multiline class = ckeditor> </asp: textbox>
Observe que Class = ckeditor é adicionado ao controle.
3. Substitua o controle correspondente pelo código do editor
<Script Type = Text/JavaScript>
Ckeditor.replace ('textarea1');
// Se for um controle do servidor <TextBox> usado no ambiente ASP.NET
Ckeditor.replace ('tbContent');
// Se o controle <TextBox> estiver na página mestre, escreva dessa maneira
Ckeditor.replace ('< %= tbContent.clientid.replace (_, $) %>');
</script>
4. Configurar editor
A configuração do CKeditor está concentrada no arquivo ckeditor/config.js.
// linguagem de interface, padrão para 'en'
config.Language = 'zh-cn';
// Defina a largura e a altura
config.width = 400;
config.Height = 400;
// Existem três tipos de estilos de editor: 'Kama' (padrão), 'Office2003', 'V2'
config.skin = 'v2';
// cor de fundo
config.uicolor = '#fff';
// barra de ferramentas (Basic 'Basic', Plug-ins de 'Full', personalizado ', personalizado)/barra de ferramentas/plugin.js
config.toolbar = 'Basic';
config.toolbar = 'completo';
Isso funcionará com:
config.toolbar_full = [
['Fonte', '-', 'salvar', 'newpage', 'preview', '-', 'modelos'],
['Corte', 'cópia', 'paste', 'pastaText', 'pastefromword', '-'
['Desfazer', 'refazer', '-', 'encontrar', 'substituir', '-', 'selectAll', 'removerFormat'],
['Forma', 'caixa de seleção', 'rádio', 'textfield', 'textarea', 'select', 'button', 'imagebutton', 'hiddenfield'],
'/',
['Negrito', 'itálico', 'sublinhado', 'greve', '-', 'subscrito', 'supeRScript'],
['NumeredList', 'Bulletedlist', '-', 'Outs Outlant', 'Indent', 'BlockQuote'],
['Justifyleft', 'justifycenter', 'justifyright', 'justifyblock'],
['Link', 'desvincular', 'âncora'],
['Imagem', 'flash', 'tabela', 'horizontalrule', 'smiley', 'specialchar', 'pagebreak'],
'/',
['Styles', 'formato', 'font', 'fontsize'],
['TextColor', 'bgcolor']
];
// a barra de ferramentas pode ser contundente
config.ToolBarCancollapse = true;
// a localização da barra de ferramentas
config.toolbarlocation = 'top'; // opcional: inferior
// se a barra de ferramentas é expandida por padrão
config.toolbarstartupexpand = true;
// UNDRAG arrastar para alterar os plugins de função de tamanho/redimensionar/plugin.js
config.resize_enabled = false;
// altere a altura máxima do tamanho
config.resize_maxHeight = 3000;
// altere a largura máxima do tamanho
config.resize_maxwidth = 3000;
// altere a altura mínima do tamanho
config.resize_minheight = 250;
// altere a largura mínima do tamanho
config.resize_minwidth = 750;
// Ao enviar um formulário que contém este editor, é possível atualizar os dados no elemento automaticamente
config.autoupDateElement = true;
// Defina se deve usar diretórios absolutos ou relativos, diretórios vazios ou relativos
config.basehref = ''
// O valor Z-Index do editor
config.basefloatzindex = 10000;
// Defina as teclas de atalho
config.KeyStrokes = [
[Ckeditor.alt + 121 /*f10* /, 'ToolBarFocus'], // Get Focus
[Ckeditor.alt + 122 /*f11* /, 'ElementsPathfocus'], // ElementsFocus
[Ckeditor.shift + 121 /*f10* /, 'contextmenu'], // menu de texto
[Ckeditor.ctrl + 90 /*z* /, 'desfoque'], // revoga
[Ckeditor.ctrl + 89 /*y* /, 'redo'], // refazer
[Ckeditor.ctrl + ckeditor.shift + 90 /*z* /, 'redo'], //
[Ckeditor.ctrl + 76 /*l* /, 'link'], // link
[Ckeditor.ctrl + 66 /*b* /, 'Bold'], // BOLD
[Ckeditor.ctrl + 73 /*i* /, 'itálico'], // itálico
[Ckeditor.ctrl + 85 /*u* /, 'sublinhado'], // sublinhado
[Ckeditor.alt + 109 /*-* /, 'ToolBarCollapse']
]
// A configuração das teclas de atalho pode entrar em conflito com os plugins/teclados de atalho do navegador/teclado/plugin.js.
config.blockedKeyStrokes = [
Ckeditor.ctrl + 66 /*b* /,,
Ckeditor.ctrl + 73 /*i* /,,
Ckeditor.ctrl + 85 /*u* /
]
// Defina o valor da cor de fundo do elemento nos plugins de edição/colorbutton/plugin.js.
config.colorbutton_backstyle = {
Elemento: 'span',
Estilos: {'Background-Color': '#(color)'}
}
// Defina os plugins de valor de cores em primeiro plano/colorbutton/plugin.js
config.colorbutton_colors = '000.800000.8b4513,2f4f4f, 008080.000080.4b0082.696969, b222222, a52a2a, daa520,
006400,40E0D0.0000CD, 800080.808080, F00, FF8C00, FFD700.008000,0FF, 00F, EE82EE,
A9A9A9, FFA07A, FFA500, FFFF00,00FF00, Afeeeeeeeeeeeee, add8e6, dda0dd, d3d3d3, fff0f5,
Faebd7, ffffe0, f0fff0, f0ffff, f0f8ff, e6e6fa, fff '
// Se você deve exibir outras opções de cores ao selecionar plugins de cores/colorbutton/plugin.js
config.colorbutton_enablemore = false
// O valor padrão da cor de primeiro plano do bloco é definido como plugins/colorbutton/plugin.js
config.colorbutton_forestyle = {
Elemento: 'span',
Estilos: {'color': '#(color)'}
};
// Adicionar para adicionar o arquivo CSS que você precisa adicionar aqui Você pode usar o caminho relativo e o caminho absoluto do site.
config.ContentsCss = './Contents.css';
// Direção de texto
config.contentsLangdirection = 'rtl';
// Se você não quiser configurar o arquivo de configuração, deixe -o em branco
Ckeditor.replace ('myfiled', {customConfig: './config.js'});
// A cor de fundo dos plugins de edição da interface/diálogo/plugin.js
config.dialog_backgroundcovercolor = 'rgb (255, 254, 253)';
config.dialog_backgroundCoverColor = 'White' // Padrão
// O valor da opacidade do fundo deve estar entre: 0,0 e 1.0 plugins/diálogo/plugin.js
config.dialog_backgroundcoveropacity = 0,5
// unidade de distância da adsorção da unidade da borda ao mover ou alterar elementos: plugins pixels/diálogo/plugin.js
config.dialog_magnetDistance = 20;
// Se deve rejeitar a verificação de feitiços locais e os avisos de inadimplência para rejeição atualmente apenas Firefox e Safari Support Plugins/wysiwygarea/plugin.js.
config.disablenativespellChecker = true
// Funções de edição de tabela, como: Adicionar linhas ou colunas é atualmente suportado pelo Firefox para plugins/wysiwygarea/plugin.js
config.disablenativeablehandles = true;
// Se deve habilitar a função de tamanho de mudança de imagens e tabelas para config.disableObJecTesizing = true;
config.DisableObJecTesizing = False // Padrão está ativado
// Defina o tipo de documento HTML
config.doctype = '<! doctype html public -// w3c // dtd xhtml 1.0 transitório // pt;
// Se deve renderizar os plugins da área de edição/editingblock/plugin.js
config.editingBlock = true;
// A tag gerada por retorno de carruagem no editor
config.entermode = ckeditor.enter_p;
// Se você deve usar entidades HTML para plugins/entidades de saída/plugin.js
config.entities = true;
// Defina mais plugins/entidades/plugin.js de entidades
config.entities_additional = ' # 39';
// Se você deve converter alguns caracteres difíceis de display para os plugins/entidades/entidades HTML correspondentes/plugin.js
config.entities_greek = true;
// Se você deve converter alguns caracteres latinos em plugins/entidades/plugin.js html
config.entities_latin = true;
// Seja para converter alguns caracteres especiais em caracteres ASCII, como este é chinês: Chinese
config.entities_processnumerical = false;
// Adicione novos componentes
config.extraplugins = 'myplugin';
// Use os plugins de cores de destaque/find/plugin.js ao pesquisar
config.find_highlight = {
Elemento: 'span',
Estilos: {'Background-Color': '#ff0', 'color': '#00f'}
};
// Os plugins de nome da fonte padrão/font/plugin.js
config.font_defaultLabel = 'Arial';
// Você pode adicionar caracteres chineses comumente usados ao editar o conjunto de personagens: Song Font, Kai Font, Bold Font e outros plugins/font/plugin.js
config.font_names = 'ARIAL; Times New Roman; Verdana';
// O estilo padrão dos plugins de texto/font/plugin.js
config.font_style = {
Elemento: 'span',
Estilos: {'font-family': '#(família)'},
Substituir: [{elemento: 'font', atributos: {'face': null}}]
};
// Os plugins de tamanho da fonte padrão/font/plugin.js
config.fontsize_defaultLabel = '12px';
// O tamanho da fonte opcional ao editar plugins/font/plugin.js
config.fontsize_sizes = '8/8px; 9/9px; 10/10px; 11/11px; 12/12px; 14/14px; 16/16px; 18/18px; 20/20px; 22/22px; 24/24px; 26 /26px; 28/28px; 36/36px; 48/48px; 72/72px '
// Os plugins de estilo/font/plugin.js usados ao definir o tamanho da fonte
config.fontsize_style = {
Elemento: 'span',
Estilos: {'font-size': '#(size)'},
Substituições: [{elemento: 'font', atributos: {'size': null}}]
};
// Se você deve copiar o conteúdo para remover os plug -ins de formato/sasteText/plugin.js
config.forceptEastEasplainText = false // não removido
// Se você deve forçar e substituir e plugins/htmldataprocessor/plugin.js
config.forcecesImpleamPersAnd = false;
// formate os plugins de tag de endereço/formato/plugin.js
config.format_address = {element: 'endereço', atributos: {class: 'styledAddress'}};
// formate automaticamente os tags div/format/plugin.js
config.format_div = {element: 'div', atributos: {class: 'normaldiv'}};
// Formate automaticamente os plugins de tag H1/format/plugin.js
config.format_h1 = {elemento: 'h1', atributos: {class: 'ContentTitle1'}};
// Formate automaticamente os plugins de tag H2/format/plugin.js
config.format_h2 = {element: 'h2', atributos: {class: 'contentTitle2'}};
// Formate automaticamente os plugins de tag H3/formato/plugin.js
config.format_h1 = {element: 'h3', atributos: {class: 'contentTitle3'}};
// Formate automaticamente os plugins de tag H4/formato/plugin.js
config.format_h1 = {element: 'h4', atributos: {class: 'contentTitle4'}};
// Formate automaticamente os plugins de tag H5/format/plugin.js
config.format_h1 = {elemento: 'h5', atributos: {class: 'contentTitle5'}};
// Formate automaticamente os plugins de tag H6/formato/plugin.js
config.format_h1 = {element: 'h6', atributos: {class: 'contentTitle6'}};
// formate automaticamente as tags p plugins/format/plugin.js
config.format_p = {element: 'p', atributos: {classe: 'normalpara'}};
// Formate automaticamente os plugins/format/plugin do pré -tags/plugin.js
config.format_pre = {elem element: 'pre', atributos: {class: 'code'}};
// Mostrar plugins/format/plugin.js na barra de ferramentas com nomes de tags separados por semicolon na barra de ferramentas
config.format_tags = 'p; h1; h2; h3; h4; h5; h6; pre; endereço; div';
// Se você usar o modo de edição HTML completo, o código -fonte incluirá tags como <html> <body> </body> </html>, etc.
config.fullpage = false;
// Se deve ignorar os caracteres vazios no parágrafo.
config.ignoreEmptyParagraph = true;
// Ao limpar os atributos do link na caixa de propriedades da imagem, limpo os plugins de tag <a>/imagem/plugin.js de ambos os lados ao mesmo tempo ao limpar os atributos do link na caixa de propriedades da imagem, está limpando o <a> Plugins de tag/imagem/plugin.js
config.image_removellinkbyemptyurl = true;
// Um conjunto de nomes de rótulos separados por vírgula é exibido no ninho hierárquico nos plugins de canto inferior esquerdo/menu/plugin.js.
config.menu_groups = 'Clipboard, formulário, tablecell, tablelproperties, tablerow, tablecolumn, tabela, âncora, link, imagem, flash, caixa de seleção, rádio, campo de texto, campo oculto, imageButton, botão, selecione, textarea';
// atraso ao exibir submenu, unidade: ms plugins/menu/plugin.js
config.menu_submenudelay = 400;
// Ao executar um novo comando, o conteúdo nos plugins do editor/newpage/plugin.js
config.newpage_html = '';
// Ao copiar o texto do Word, formatar o texto e remover plugins/pastefromword/plugin.js
config.PastefromwordignoreFontface = true;
// Se deve usar <H1> <H2> e outras tags para modificar ou substituir o conteúdo colado dos plugins do documento do Word/PasteFromword/Plugin.js
config.PASTEFROWWORDKEEPSSTRUCTURA = false;
// Se você deve remover os plugins de formato/pastefromword/plugin.js ao colar conteúdo da palavra
config.PasteFromWordRemovestyle = false;
// formate o conteúdo HTML de saída de acordo com o tipo de linguagem em segundo plano, o padrão está vazio
config.protectedsource.push (/</? [/s/s]*?/?>/g);
config.protectedsource.push (// g);
config.protectedsource.push (/(]+> [/s |/s]*?
// a tag inserida quando a entrada: Shift+Enter
config.shiftentermode = ckeditor.enter_p;
// Plugins opcionais de caracteres de emoticon substituto/smiley/plugin.js.
config.smiley_descriptions = [
':)', ':(', ';)', ': d', ':/', ': p',
'' ',' '', '', '', '' ',' '' ','
'', '; (', '', '', '', '', ''
'', ':beijo', '' ];
// Os plugins de imagens de expressão correspondentes/smiley/plugin.js
config.smiley_images = [
'regular_smile.gif', 'sad_smile.gif', 'wink_smile.gif', 'teth_smile.gif', 'confused_smile.gif', 'tounge_smile.gif',
'Embareded_smile.gif', 'omg_smile.gif', 'whatchutalkingabout_smile.gif', 'angry_smile.gif', 'angel_smile.gif', 'shotes_smile.gif',
'Devil_smile.gif', 'Cry_smile.gif', 'Lightbulb.gif', 'Thumbs_down.gif', 'Thumbs_up.gif', 'Heart.gif',
'Broken_heart.gif', 'Kiss.gif', 'envelope.gif'];
// O endereço dos plugins de expressão/smiley/plugin.js
config.smiley_path = 'plugins/smiley/imagens/';
// Quando a página é carregada, a caixa de edição obtém o foco imediatamente plugins/editingblock/plugin.js plugins/editingblock/plugin.js.
config.startupfocus = false;
// Como editar o código -fonte e a fonte wysiwyg e plugins wysiwyg/editingblock/plugin.js ao carregar.
config.startupMode = 'wysiwyg';
// Ao carregar, é exibido a borda dos plugins/showblocks de quadros/plugin.js
config.startupoutLineBlocks = false;
// Se você deve carregar os plugins de arquivo de estilo/stylescombo/plugin.js.
config.stylescombo_stylesset = 'default';
// o seguinte é opcional
config.stylescombo_stylesset = 'mystyles';
config.stylescombo_stylesset = 'mystyles: eeditorstyles/styles.js';
config.stylescombo_styletet = 'Mystyles: http: //www.example.com/editorstyles/styles.js';
// o valor do índice inicial
config.tabindex = 0;
// Quando o usuário digitou a guia, o número de espaços passados pelo editor, () quando o valor é 0, o foco será movido para fora dos plugins da caixa de edição/tab/plugin.js
config.tabspaces = 0;
// Os plugins/modelos de modelo padrão/plugin.js são usados.
config.Templates = 'padrão';
// Plugins/modelos de arquivo de modelos se separados por vírgula/plugin.js.
config.templates_files = ['Plugins/modelos/modelos/default.js']
// Ao usar modelos, o conteúdo de edição será substituído.
config.Templates_ReplaceContent = true;
//tema
config.theme = 'padrão';
// Revogado Plugins de etapas de registro/desfazer/plugin.js
config.undostacksize = 20;
// integra o ckfinder no ckeditor, observe que a seleção do caminho do ckfinder deve estar correta.
//Ckfinder.setupckeditor(Null, '/ckfinder/');