Introduzione a FCKeditor
FCKeditor è un potente editor di testo che supporta funzionalità WYSIWYG e può offrire agli utenti servizi di editing documentorum online come il software Microsoft Office. Non richiede alcuna forma di installazione client, è compatibile con la maggior parte dei browser mainstream e supporta ambienti di programmazione come ASP.Net, ASP, ColdFusion, PHP, Java, Active-FoxPro, Lasso, Perl, ython, ecc.
Sito ufficiale http://www.fckeditor.net/
Documentazione ufficiale http://wiki.fckeditor.net/
Scarica l'indirizzo http://www.fckeditor.net/download/default.html
In effetti, il processo di configurazione delle diverse versioni di FCKeditor è fondamentalmente simile, e qui prenderemo l'ultima 2.63 come esempio per introdurlo.
Installazione e configurazione di FCKeditor
Per http://www.fckeditor.net, scarica i 2 pacchetti zip per FCKeditor2.63.zip e FCKeditor.NET versione 2.63
(a) FCKeditor_2.6.3 è il suo ultimo Javascrip senza file t e immagini;
(b) FCKeditor.Net_2.6.3.zip è un file DLL di controllo ASP.NET.
Scomprimi per ottenere il file core di FCKeditor e copialo nella directory root del progetto web (consigliato, ovviamente, puoi metterlo ovunque). Poi sblocca la zip B e ottieni la scatta. .NET supporta codice sorgente, entra che c'è una DLL FCKeditor nella sezione Release sotto bin (qui c'è anche una cartella debug, è consigliato usare release), dobbiamo aggiungere un riferimento nel progetto.
1. Clicca con il tasto destro sul browser del progetto e seleziona Aggiungi riferimento... ), trova la scheda Sfoglia, poi il FredCK.FCKeditorV2.dll che hai sbloccato e conferma. Al momento, c'è una cartella bin aggiuntiva nella cartella del progetto FCKPro, che contiene FredCK.FCKeditorV2.dll file.
2. Per facilitare lo sviluppo RAD, abbiamo anche aggiunto il controllo FCKeditor a VS Toolbox, espanso il gruppo di schede comune (Generale) della toolbox e fatto clic destro per selezionare il componente (Choose Items... ), trova direttamente il pulsante di navigazione nella finestra di dialogo, trova il FredCK.FCKeditorV2.dll e poi conferma.
3. Configura WebConfig, aggiungilo nel <appSettings>nodo, come mostrato di seguito:- <appSettings>
- <add key="FCKeditor:BasePath" value="/Web/fckeditor/"/>
- <add key="FCKeditor:UserFilesPath" value="/Web/Upload/" />
- </appSettings>
Nota: "/Web/" è il nome del progetto.
BasePath:fckeditor è la directory dove si trova l'intera cartella FCKeditor.
UserFilesPath: Il percorso per caricare file, immagini, ecc.
Dopo aver completato il primo elemento nella configurazione dettagliata qui sotto, possiamo utilizzare il controllo FCKeditor. Per debugare meglio questo strumento e farlo soddisfare le nostre reali esigenze, è necessario modificare le impostazioni delle sue proprietà.
Impostazioni dettagliate di FCKeditor
Vai nella cartella FCKeditor e modifica il file fckconfig. In realtà, la lista è relativamente chiara, la scrittura è più standardizzata e ci sono alcune annotazioni, ma finché conosci un po' di inglese, puoi capirlo ed è molto comodo da gestire. Ecco alcune impostazioni comunemente usate come piccolo esempio.
1. Questo passaggio è indispensabile, il più importante e fondamentale.
Originariamente:
var _FileBrowserLanguage = 'php' ; asp | aspx | CFM | lazo | perl | PHP | PY
var _QuickUploadLanguage = 'php' ; asp | aspx | CFM | lazo | PHP
Modificato in:
var _FileBrowserLanguage = 'aspx' ; asp | aspx | CFM | lazo | perl | PHP | PY
var _QuickUploadLanguage = 'aspx' ; asp | aspx | CFM | lazo | PHP
2. Configura il pacchetto linguistico. Ci sono inglese, cinese tradizionale, ecc., qui usiamo cinese semplificato.
Originariamente:
FCKConfig.DefaultLanguage = 'en' ;
Modificato in:
FCKConfig.DefaultLanguage = 'zh-cn' ;
3. Configura la pelle. Ci sono i predefiniti, office2003, silver style, ecc., qui possiamo usare il default.
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
4. Puoi usare il tasto Tab nel dominio editor. (1 è sì, 0 è no)
FCKConfig.TabSpaces = 0 ; FCKConfig.TabSpaces = 1;
5. Aggiungere diversi metodi di font che usiamo comunemente, come:
revisionare
FCKConfig.FontNames = 'arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana' ;
Modificato in:
FCKConfig.FontNames = 'Stile della canzone; corpo nero; scrittura clericale; Corsivo _GB2312; Arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana'
6. Il font di visualizzazione predefinito nel dominio editor è 12px, e se vuoi modificarlo, puoi modificare il foglio di stile per soddisfare i requisiti, aprire /editor/css/fck_editorarea.css e modificare l'attributo font-size. Ad esempio, dimensione del carattere: 14px;
7. Sulla sicurezza.
Se il tuo editor viene utilizzato nel front-end del sito, allora devi considerare la sicurezza, non usare la barra predefinita in primo piano, personalizzare la funzione o usare il sistema che ha definito il Basic, cioè la barra Basic
FCKConfig.ToolbarSets["Basic"] = [
['Grassetto', 'Corsivo','-','ListaOrdinata', 'ListaUnordinata','-', 'Link', 'Scollega', 'Immagine', '-''Informazioni']
] ;
Infatti, puoi impostarli in base alle tue esigenze, e le funzioni sono abbastanza potenti da offrire più scelte, che sicuramente soddisferanno le tue esigenze.
Naturalmente, puoi anche configurare WebConfig per garantire la sicurezza, di cui parleremo a seguito.
Problemi con FCKEditor 2.6:
1. Soluzione all'errore "Si prega di verificare editor/filemanager/connectors/aspx/config.aspx" in FCKeditor
Apri editor/filemanager/connectors/aspx/config.ascx per modificare il metodo CheckAuthentication() e restituire true
- private bool CheckAuthentication()
- {
- return true;
- }
2. Clicca su Naviga nel server nella finestra Upload file, il server non ha inviato un XML adeguato apparirà..... Messaggio di errore, perché le versioni successive di FCKEditor richiedono che diversi tipi di file vengano inviati a diverse directory, inclusi file, image, falsh, media, ecc., che devono essere prima stabiliti.
FCKeditor è stato semplificato
Vai nella cartella FCKeditor ed elimina tutti i file e le cartelle che iniziano con "_", questi sono alcuni esempi, basta tenere la cartella editor, fckconfig, fckeditor, fckstyles.xml, fcktemplates.xml;
Vai nella cartella editor, elimina la cartella "_source" e metti il file sorgente al suo interno;
Torna alla directory precedente nella cartella filemanager, ci sono due cartelle: browser e upload. Vai ai connettori "predefiniti" del browser, tieni solo la cartella aspx e elimina il resto. La directory MCPUK può anche essere eliminata; Il caricamento è lo stesso, solo la cartella ASPH è mantenuta;
Torna nell'editor e poi entra nella cartella immagini, smiley viene messo nell'icona emoji, ci sono due serie, msn e fun, se vuoi usare la tua emoji, puoi eliminarle tutte; Se vuoi usare l'icona emoji qui, allora non cancellarla;
lang viene inserito nel pacchetto linguistico; se usi solo il cinese semplificato, allora conservi solo i due file di fcklanguagemanager e zh-cn, si consiglia di tenere i due file en (inglese) e zh (cinese tradizionale), fcklanguagemanager è il file di configurazione linguistica, che può essere abbinato alle impostazioni di fckconfig, corrispondenti al file linguistico corrispondente, devono essere conservati!
Poi esci dalla cartella lang, entra nella cartella skins, se vuoi usare il crema giallo predefinito di FCKeditor, poi elimina direttamente le altre due cartelle tranne quella predefinita; se vuoi usare qualcos'altro, dipende dalle tue preferenze.
Pacchetto con asp.net editor:
ckeditor_aspnet_3.6.6.2.zip
(1.32 MB, Numero di download: 0, Prezzo di vendita: 2 Grain MB)
|
Pubblicato su 17/04/2015 13:35:50
|
|
|
