Aujourd'hui, l'éditeur en ligne a été téléchargé dans l'environnement ASP, mais il n'était pas valide. J'ai cherché longtemps avant que je trouve cette introduction. FckEditor prend en charge une variété de langages de script de serveur.
Pour les systèmes ASP:
FCKEDITOR ROOT DIRECTORY, conserve uniquement fckEditor.asp, fckconfig.js, fckeditor.js, fckpackager.xml, fckstyles.xml,
Fichiers fckTemplates.xml Répertoire des fichiers et éditeurs. Supprimez l'exemple d'échantillons de répertoire.
Seul le répertoire ASP est conservé sous le répertoire FCKEditor / Editor / FileManager / Connecteurs, et d'autres répertoires et fichiers sont supprimés.
(2) Modifier le programme de script (langue) utilisé pour télécharger le fichier.
Le programme de téléchargement de fichiers FCKEditor par défaut est ASP.
S'il est utilisé dans le système PHP, vous devez apporter les modifications suivantes et ouvrir fckconfig.js
venez:
var _filebrowserlang ge = asp
var _quickuploadlang ge = asp
Passer à:
var _filebrowserlang ge = php
var _quickuploadlang ge = php
(3) Allumez le téléchargement de fichiers et modifiez le répertoire de téléchargement de fichiers.
Pour les systèmes ASP:
Ouvrez fckEditor / Editor / FileManager / Connectors / ASP / Config.asp
Activer le téléchargement de fichiers:
venez:
ConfigSenabled = false
Passer à:
ConfigSenabled = tr
Configurez le répertoire de téléchargement et de stockage:
venez:
ConfigUserFileSpath = / admin / uppic /
Passer à:
ConfigUserFileSpath = chemin personnalisé
Pour les systèmes PHP:
Ouvrez fckEditor / Editor / FileManager / Browser / Default / Connecteurs / Php / Config.php
Activer le téléchargement de fichiers:
venez:
$ Config [activé] = false
Passer à:
$ Config [activé] = tr
Configurez le répertoire de téléchargement et de stockage:
venez:
$ Config [userFileSpath] = / userFiles /
Passer à:
$ Config [userFileSpath] = chemin personnalisé
(4) Modifiez la méthode de dénomination du fichier téléchargé.
FcKEditor télécharge les fichiers, le nom du fichier utilise le nom du fichier d'origine.
carré:
Pour les systèmes ASP:
Ouvrir fckEditor / Sample / Edit / Edit / Edit / FileManager / Connectors / ASP / Commands.asp
venez:
sFileName = SanitizeFilename (sFileName)
Modifiez cette phrase en un format de dénomination de fichiers personnalisé, par exemple:
rndStr Dim
Randomiser
RndStr = cStr (fix (9000 * rnd () + 1000)) génère un nombre aléatoire
SFILENAME = année (date) et mois (date) et jour (date) et heure (heure) et minute (heure) & deuxième (heure) & rndstr &.
**tension
Pour les systèmes PHP:
Ouvrir fckEditor / Editor / Editor / FileManager / Connectors / Php / Commands.php
venez:
$ SoriginalFileName = $ sFileName;
Inclus devant cette phrase:
// initialise la graine
$ sstr = Split (, MicroTime (), 5);
$ Seed = $ str [0] * 10000;
// initialise le générateur de nombres aléatoires à l'aide de graines
srand ($ seed);
// générer des nombres aléatoires dans la plage spécifiée
$ random = rand (1000 10000);
// synthétiser le nom du fichier immédiatement
$ sFileName = date (ymdhis, time ()). $ aléatoire ... $ ** tension;
(5) Comment FckEditor est référencé dans le programme.
Pour les systèmes ASP:
Besoin d'inclure le fichier d'en-tête suivant
<! - # incl?
Ajoutez le code suivant à l'emplacement de l'éditeur:
<%
Dim ofckEditor
Set OFCKEDITOR = NOUVEAU FCKEDITHER
OFCKEDITER.BASEPATH = / FckEditor / Ce chemin doit être relatif au répertoire racine du site.
Ne sera pas affiché
ofckEditor.toolBareSet = par défaut
ofckEditor.Width = 98%
ofckEditor.Height = 500px
ofckEditor.val = Set Valeur par défaut
ofckEditor.Create Shangpin_description L'ID de l'éditeur est équivalent à la valeur d'attribut de nom de la balise d'entrée, voici
shangpin_description
%>
Pour php:
Ajoutez le code suivant à l'emplacement de l'éditeur:
<? Php
incl? (fckEditor / fckEditor.php);
$ ofckEditor = new fckEditor (shangpin_description);
Nom Attribut Value, voici Shangpin_description
$ ofckEditor-> basepath = / fckEditor /;
$ ofckEditor-> ToolbaRSet = default;
$ ofckEditor-> width = 98%;
$ ofckEditor-> height = 500px;
$ ofckEditor-> val =;
$ ofckEditor-> create ();
?>
(6) Obtenez les données dans fckEditor.
Pour les programmes de script côté serveur, utilisez simplement l'ID de l'éditeur comme valeur d'attribut de nom de la balise d'entrée, par exemple:
Req st (shangpin_description) dans asp, $ _req st [shangpin_description] en php
Utilisez fckEditorapi.getInstance (shangpin_description) .getxhtml (tr) en js pour obtenir la valeur correspondante de Shangpin_description
Configuration ASP de CKEditor
Après avoir cherché en ligne pendant longtemps, je l'ai finalement trouvé! O (∩_∩) o haha ~
1. Comment utiliser:
1. Présentez le fichier de noyau CKEditor Ckeditor.js dans la page <adref>
<script type = text / javascript src = ckeditor / ckediteur.js> </ script>
2. Insérer HTML Control <TextArea> où vous utilisez l'éditeur
<TextArea id = textarea1 cols = 20 lignes = 2 class = ckeditor> </ textarea>
S'il s'agit d'un environnement ASP.NET, le contrôle du serveur <TextBox> peut également être utilisé.
<asp: textbox id = tbContent runat = server textMode = multiline class = ckeditor> </ asp: textbox>
Notez que Class = CKeditor est ajouté au contrôle.
3. Remplacez le contrôle correspondant par le code de l'éditeur
<script type = text / javascript>
Ckeditor.replace ('textarea1');
// S'il s'agit d'un contrôle de contrôle côté serveur <Sextbox> utilisé dans l'environnement ASP.NET
Ckeditor.replace («tbContent»);
// Si le contrôle <Textbox> est dans la page maître, écrivez de cette façon
Ckeditor.replace ('<% = tbContent.clientid.replace (_, $)%>');
</cript>
4. Configurer l'éditeur
La configuration de CKEditor est concentrée dans le fichier CKEditor / Config.js.
// Langue d'interface, par défaut à «en»
config.language = 'zh-cn';
// définir la largeur et la hauteur
config.width = 400;
config.height = 400;
// Il existe trois types de styles d'éditeur: «Kama» (par défaut), «Office2003», «V2»
config.skin = 'v2';
// Couleur d'arrière-plan
config.Uicolor = '#fff';
// Barbaire d'outils (Basic 'Basic', All-Round 'Full', personnalisé) plugins / barre d'outils / plugin.js
config.toolbar = 'basic';
config.toolbar = 'full';
Cela fonctionnera avec:
config.toolbar_full = [
['Source', '-', 'Save', 'NewPage', 'Aperçu', '-', 'Templates'],
['Cut', 'Copy', 'Paste', 'Pastetext', 'Pastefromword', '-', 'Print', 'Spellchecker', 'Scayt'],,
['Undo', 'redoo', '-', 'find', 'remplacer', '-', 'selectall', 'retireformat'],
['Form', 'Checkbox', 'Radio', 'TextField', 'TextArea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
'/',
['Bold', 'italic', 'sous-lice', 'grève', '-', 'indice', 'superscript'],
['NumberEdList', 'BulletedList', '-', 'Outdent', 'Tente', 'Blockquote'],
['Justifyleft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
['Lien', 'unlink', 'anchor'],
['Image', 'Flash', 'Table', 'Horizontalrule', 'Smiley', 'SpecialChar', 'Pagebreak'],
'/',
[«Styles», «Format», «Font», «Fontize»],
['TextColor', 'Bgcolor']
]]
// La barre d'outils peut-elle être réduit
config.toolbarcancollapse = true;
// l'emplacement de la barre d'outils
config.toolbarlocation = 'top'; // facultatif: en bas
// si la barre d'outils est étendue par défaut
config.toolBarstartupExpanded = true;
// Undrag glisser pour modifier les plugins de la fonction de taille / redimensionner / plugin.js
config.resize_enabled = false;
// modifie la hauteur maximale de taille
config.resize_maxHeight = 3000;
// modifie la largeur maximale de taille
config.resize_maxwidth = 3000;
// modifie la hauteur minimale de taille
config.resize_minheight = 250;
// modifie la largeur minimale de taille
config.resize_minwidth = 750;
// Lors de la soumission d'un formulaire contenant cet éditeur, il est possible de mettre à jour les données dans l'élément automatiquement
config.AutoupDateElement = true;
// Définissez si vous devez utiliser des répertoires absolus ou relatifs, des répertoires vides ou relatifs
config.baseHref = ''
// la valeur z-index de l'éditeur
config.basefloatzindex = 10000;
// Définir les touches de raccourci
config.Keystrokes = [
[Ckeditor.alt + 121 / * f10 * /, 'ToolbarFocus'], // Obtenez Focus
[Ckeditor.alt + 122 / * f11 * /, 'elementspathfocus'], // elementsfocus
[Ckeditor.shift + 121 / * f10 * /, 'contextMenu'], // menu de texte
[Ckeditor.ctrl + 90 / * z * /, 'anned'], // révèle
[Ckeditor.ctrl + 89 / * y * /, 'redo'], // refaire
[Ckeditor.ctrl + ckeditor.shift + 90 / * z * /, 'redo'], //
[Ckeditor.ctrl + 76 / * l * /, 'lien'], // lien
[Ckeditor.ctrl + 66 / * b * /, 'bold'], // bold
[Ckeditor.ctrl + 73 / * i * /, 'italic'], // italique
[Ckeditor.ctrl + 85 / * u * /, 'sous-lice'], // souligner
[Ckeditor.alt + 109 / * - * /, 'ToolbarCollapse']
]]
// La définition des touches de raccourci peut entrer en conflit avec les touches de raccourci du navigateur Plugins / keystrokes / plugin.js.
config.blockedKeystroke = [
Ckeditor.ctrl + 66 / * b * /,
Ckeditor.ctrl + 73 / * i * /,
Ckeditor.ctrl + 85 / * u * /
]]
// Définissez la valeur de la couleur d'arrière-plan de l'élément dans les plugins d'édition / colorbutton / plugin.js.
config.colorbutton_backstyle = {
élément: 'span',
Styles: {'Background-Color': '# (couleur)'}
}
// Définissez les plugins de valeur de couleur de premier plan / ColorButton / Plugin.js
config.colorbutton_colors = '000,800000,8b4513,2f4f4f, 008080,000080,4b0082 696969, B22222, A52A2A, DAA520,
006400,40E0D0,0000CD, 800080,808080, F00, FF8C00, FFD700,008000,0FF, 00F, EE82EE,
A9A9A9, FFA07A, FFA500, FFFF00,00FF00, AFEEEE, ADD8E6, DDA0DD, D3D3D3, FFF0F5,
Faebd7, ffffe0, f0fff0, f0ffff, f0f8ff, e6e6fa, fff '
// s'il faut afficher d'autres options de couleurs lors de la sélection des plugins de couleur / ColorButton / Plugin.js
config.colorbutton_enablemore = false
// La valeur par défaut de couleur de premier plan du bloc est définie sur les plugins / colorbutton / plugin.js
config.colorbutton_forestyle = {
élément: 'span',
Styles: {'Color': '# (couleur)'}
};
// Ajouter pour ajouter le fichier CSS que vous devez ajouter ici, vous pouvez utiliser le chemin relatif et le chemin absolu du site Web.
config.contentscss = './contents.css';
// Direction du texte
config.ContentsLangDirection = 'RTL';
// Si vous ne souhaitez pas configurer le fichier de configuration, laissez-le simplement vide
Ckeditor.replace ('myfiled', {CustomConfig: './config.js'});
// la couleur d'arrière-plan de l'interface Édition de plugins / boîte de dialogue / plugin.js
config.dialog_backgroundCoverColor = 'RGB (255, 254, 253)';
config.dialog_backgroundCovercolor = 'White' // par défaut
// La valeur d'opacité de l'arrière-plan doit être entre: 0,0 et 1,0 plugins / dialogue / plugin.js
config.dialog_backgroundCoveropacity = 0,5
// Unité d'adsorption Distance Unité de bord
config.dialog_MAGNETDISTANCE = 20;
// Que vous rejettez la vérification des orthographes locale et invite la valeur par défaut sur le rejet actuellement uniquement des plugins de support Firefox et Safari / wysiwygarea / plugin.js.
config.disablenativespellchecker = true
// Les fonctions d'édition de table telles que: l'ajout de lignes ou de colonnes est actuellement prise en charge uniquement par Firefox pour les plugins / wysiwygarea / plugin.js
config.disableNativetableHandles = true;
// s'il faut activer la fonction de taille de changement des images et des tables à config.diableObjectresizing = true;
config.disableObjectresizing = false // par défaut est activé
// Définir le type de document HTML
config.doctype = '<! doctype html public - // w3c // dtd xhtml 1.0 transitional // en;
// s'il faut rendre les plugins de la zone d'édition / éditionblock / plugin.js
config.editingBlock = true;
// La balise générée par le retour en voiture dans l'éditeur
config.entermode = ckeditor.enter_p;
// s'il faut utiliser des entités HTML pour produire des plugins / entités / plugin.js
config.entities = true;
// Définir plus d'entités Plugins / entités / plugin.js
config.entities_additional = '# 39';
// s'il faut convertir certains caractères difficiles à élaborer en caractères HTML correspondants / entités / plugin.js
config.entities_greek = true;
// s'il faut convertir certains caractères latins en plugins / entités HTML / plugin.js
config.entities_latin = true;
// Il faut convertir des caractères spéciaux en caractères ASCII, comme c'est le chinois: chinois.
config.entities_processNumerical = false;
// ajouter de nouveaux composants
config.extraplugins = 'myplugin';
// Utilisez les plugins de couleur highlight / find / plugin.js lors de la recherche
config.find_highlight = {
élément: 'span',
Styles: {'Background-Color': '# ff0', 'Color': '# 00F'}
};
// les plugins de nom de police par défaut / font / plugin.js
config.font_defaultLabel = 'Arial';
// Vous pouvez ajouter des caractères chinois couramment utilisés lors de l'édition du jeu de personnages: Song Font, Kai Font, Bold Font et autres plugins / font / plugin.js
config.font_names = 'arial; fois nouveau roman; verdana';
// Le style par défaut des plugins de texte / font / plugin.js
config.font_style = {
élément: 'span',
Styles: {'Font-Family': '# (Family)'},
Overrides: [{élément: 'Font', attributs: {'face': null}}]
};
// les plugins de taille par défaut / font / plugin.js
config.fontize_defaultLabel = '12px';
// la taille de la police en option lors de l'édition de 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 '
// les plugins / polits / plugin.js de style utilisés lors de la définition de la taille de la police
config.fontize_style = {
élément: 'span',
Styles: {'font-size': '# (taille)'},
Overrides: [{élément: 'Font', attributs: {'size': null}}]
};
// s'il faut forcer la copie du contenu pour supprimer le format plugins / pasteText / plugin.js
config.forcepasteaspaintext = false // non supprimé
// s'il faut forcer et remplacer et les plugins / htmldataprocessor / plugin.js
config.ForcesImplempareSand = false;
// Formater les plugins / format / format / plugin.js d'adresse
config.format_address = {élément: 'adresse', attributs: {class: 'StyledAddress'}};
// Formatez automatiquement les balises div plugins / format / plugin.js
config.format_div = {élément: 'div', attributs: {class: 'normalDiv'}};
// Formament automatiquement les plugins / format / format / plugin.js H1
config.format_h1 = {élément: 'h1', attributs: {class: 'contentTitle1'}};
// Formament automatiquement les plugins / format / format / plugin.js H2
config.format_h2 = {élément: 'h2', attributs: {class: 'contentTitle2'}};
// Formament automatiquement les plugins / format / format / plugin.js H3
config.format_h1 = {élément: 'h3', attributs: {class: 'contentTitle3'}};
// Formament automatiquement les plugins / format / format / plugin.js H4
config.format_h1 = {élément: 'h4', attributs: {class: 'contentTitle4'}};
// Formament automatiquement les plugins / format / format / plugin.js H5
config.format_h1 = {élément: 'h5', attributs: {class: 'contentTitle5'}};
// Formament automatiquement les plugins / format / format / plugin.js H6
config.format_h1 = {élément: 'h6', attributs: {class: 'contentTitle6'}};
// format automatiquement les balises P plugins / format / plugin.js
config.format_p = {élément: 'p', attributs: {class: 'normalPara'}};
// Formament automatiquement les plugins / format / format / plugin.js
config.format_pre = {élément: 'pre', attributs: {class: 'code'}};
// Afficher les plugins / format / plugin.js dans la barre d'outils avec des noms de balises séparées à semi-colon
config.format_tags = 'p; h1; h2; h3; h4; h5; h6; pre; adresse; div';
// Si vous utilisez le mode d'édition HTML complet, le code source inclura des balises telles que <html> <body> </body> </html>, etc.
config.fullpage = false;
// Il faut ignorer les caractères vides du paragraphe.
config.ignoreEmpTyParagraph = true;
// Lors de la compensation des attributs de liaison dans la zone Propriétés d'image, dois-je effacer les <a> Plugins / Image / Plugin.js des deux côtés en même temps lors de la compensation des attributs de liaison dans la zone Propriétés d'image, est-ce qu'il efface le nettoyage de la boîte <a> TAG PLIGINS / IMAGE / PLUGIN.JS
config.image_removeLinkByEmpTyUrl = true;
// Un ensemble de noms d'étiquettes séparés par des virgules s'affiche dans le nidification hiérarchique dans les plugins d'angle / menu / plugin.js du coin inférieur.
config.menu_groups = 'Clipboard, formulaire, tableCell, tableCellProperties, tableRow, tableColumn, table, ancre, lien, image, flash, case, radio, textfield, HiddenField, imagebutton, bouton, sélection, textarea';
// retard lors de l'affichage du sous-menu, de l'unité: MS Plugins / Menu / Plugin.js
config.menu_subMenudeLay = 400;
// Lors de l'exécution d'une nouvelle commande, le contenu dans les plugins de l'éditeur / newpage / plugin.js
config.newpage_html = '';
// lors de la copie du texte à partir de Word, s'il faut formater le texte et supprimer les plugins / colsfromword / plugin.js
config.pasteFromWordIgnoreFontface = true;
// s'il faut utiliser <h1> <h2> et d'autres balises pour modifier ou remplacer le contenu collé à partir des plugins de document de mot / pastefromword / plugin.js
config.pasteFromWorkEnStructure = false;
// Si vous devez supprimer les plugins du format / pastefromword / plugin.js lors de la collation du contenu de Word
config.pasteFromWordRemovestyle = false;
// Formatez le contenu HTML de sortie en fonction du type de la langue d'arrière-plan, la valeur par défaut est vide
config.protectedSource.push (/ </? [/ s / s] *? /?> / g);
config.protectedSource.push (// g);
config.protectedSource.push (/ (] +> [/ s | / s] *? <// asp: [^ />] +>) | (] + /// gi); // asp.net code
// La balise insérée lorsque vous entrez: Shift + Entrée
config.ShifTentermode = ckeditor.enter_p;
// Plugins de personnages de substitut émoticône en option / smiley / plugin.js.
config.smiley_descriptions = [
':)', ':(', ';)', ': d', ': /', ': p',
'', '', '', ',' ',' ',' ',
'', '; (', '', '', '', '', '',
'', ':baiser', '' ];
// Les photos d'images d'expression correspondantes / smiley / plugin.js
config.smiley_images = [
'régulier_smile.gif', 'sad_smile.gif', 'wink_smile.gif', 'dents_smile.gif', 'confuse_smile.gif', 'tounge_smile.gif',
'Embaressed_smile.gif', 'omg_smile.gif', 'whatchutalkingabout_smile.gif', 'angry_smile.gif', 'angel_smile.gif', 'shades_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'];
// L'adresse des plugins d'expression / smiley / plugin.js
config.smiley_path = 'plugins / smiley / images /';
// Lorsque la page est chargée, la boîte d'édition obtient les plugins de mise au point immédiatement / éditingblock / plugin.js plugins / éditionblock / plugin.js.
config.startupfocus = false;
// Comment modifier le code source et la source WYSIWYG et les plugins Wysiwyg / éditionblock / plugin.js lors du chargement.
config.startupMode = 'wysiwyg';
// Lors du chargement, s'affiche-t-il la bordure des plugins de cadre / showblocks / plugin.js
config.startupOutLineBlocks = false;
// s'il faut charger les plugins de fichiers de style / stylescombo / plugin.js.
config.stylescombo_stylesset = 'default';
// Les éléments suivants sont facultatifs
config.stylescombo_stylesset = «mystyles»;
config.stylescombo_stylesset = 'mystyles: /editorstyles/styles.js';
config.stylescombo_stylesset = 'mystyles: http: //www.example.com/editorstyles/styles.js';
// la valeur de l'indice de départ
config.tabindex = 0;
// Lorsque l'onglet utilisé par l'utilisateur, le nombre d'espaces passés par l'éditeur, () Lorsque la valeur est 0, l'accent sera déplacé des plugins / onglet de la boîte de modification / plugin.js
config.tabspaces = 0;
// Le modèle par défaut plugins / modèles / plugin.js est utilisé.
config.Templates = 'Default';
// Plugins de fichiers de modèle séparés des virgules / modèles / plugin.js.
config.Templates_files = ['plugins / modèles / modèles / default.js']
// Lorsque vous utilisez des modèles, le contenu de l'édition sera remplacé.
config.Templates_replaceContent = true;
//thème
config.Theme = 'Default';
// étapes d'enregistrement révoquées plugins / undo / plugin.js
config.undostackSize = 20;
// Intégrer CKFinder dans CKEditor, notez que la sélection de chemin de CKFinder doit être correcte.
//Ckfinder.setupckEditor(null, '/ ckfinder /');