J'utilise ASP. Pour faciliter l'apprentissage de tout le monde.
Téléchargement officiel du site Web: http://ckeditor.com/download [Il est recommandé de télécharger la dernière version directement sur le site officiel]
Commençons à l'utiliser ci-dessous:
Le premier travail consiste à rationaliser cet éditeur à grande échelle, bien sûr, il s'agit de rationaliser les fichiers plutôt que de fonctions. Ici, je prends la version ASP de FCKEDITH comme exemple, entrez le dossier FCKEDITAGE et supprimez d'abord tous les dossiers commençant par _. En fait, il s'agit juste de conserver les dossiers de l'éditeur, fckconfig.js, fckeditor.asp, fckeditor.js, fckstyles.xml et fckTemplates.xml. Supprimer le dossier source, voici quelques fichiers source, qui ne sont pas utilisés pour une utilisation.
Entrez le dossier des images et supprimez le dossier Smiley. Vos propres émoticônes. Sortez des images et entrez le dossier Lang. est un fichier de configuration linguistique avec lui, il peut être utilisé pour faire correspondre les paramètres de fckconfig.js au fichier de langue correspondant. Chinois traditionnel de.
Ensuite, quittez le dossier Lang et entrez le dossier de la peau. pas recommandé.
La dernière étape pour simplifier est de quitter le dossier Skin, puis de saisir FileManager. Entrez d'abord FileManager / Browser / Default / Connectors /, à l'exception du dossier ASP (si votre page Web est autre telle que PHP, laissez le dossier PHP correspondant, etc.), et supprimez tout. Ensuite, allez à FileManager / Upload /, puis laissez uniquement le dossier ASP.
Le premier fichier modifié, qui est le fichier de configuration total FckEditor, est situé dans le fichier fckconfig.js dans le répertoire racine. Options de configuration:
AutoDeTectLanguage = Langue de détection automatique True / Faux
BaseHref = l'adresse de base du lien relatif
ContentLangDirection = LTR / RTL Direction du texte par défaut
ContextMenu = tableau de chaîne, contenu de menu avec le bouton droit
CustomConfigurationsPath = Chemin de fichier de configuration personnalisé et nom
Debug = true / false pour activer la fonction de débogage, de sorte que lorsque fckdebug.output () est appelé, le contenu sera sorti dans la fenêtre de débogage.
DefaultNanguage = Langue par défaut
EditorAreAcss = Fichier de feuille de style dans la zone d'édition
Lorsque vous permettezurcexhtml = true / false est vrai, lors de la passage de l'interface visuelle à la page du code, le HTML est traité en xhtml
Activerxhtml = true / false, s'il faut permettre à xhtml de remplacer HTML
FIGLEMPTYBLOCKS = True / False Utilisez cette fonction pour remplacer les éléments de niveau de bloc vides par des espaces.
FontColors = Définit la liste des couleurs du texte lors de l'affichage du sélecteur de couleurs
FontFormats = Définit le nom affiché dans la liste du format de texte
FontNames = nom de police dans la liste des polices
FonTize = Liste des tailles de police dans la taille de la police
ForcePasteasPainText = True / False Force Paste comme texte brut
ForcesImplempePersand = True / Faux, s'il faut convertir l'entité XML & Symbole en XML
Formatindentator = caractères utilisés lors de l'indentation du code dans le format de code source
FormatOutput = true / false, s'il faut formater automatiquement le code lors de la sortie du contenu
Formatsource = true / false, s'il faut formater automatiquement le code lors du passage à la vue de code
FullPage = True / False pour autoriser l'édition de l'ensemble du fichier HTML, ou l'édition de contenu entre le corps
Geckoussespan = true / false, s'il faut permettre aux étiquettes de span pour remplacer b, i, u tags
IesPelldownloadurl = site Web pour télécharger le vérificateur orthographique
ImageBrowser = true / false, s'il faut autoriser les fonctions de serveur de navigation
ImageBrowSerurl = l'URL qui s'exécute lors de la navigation sur le serveur
ImageBrowserWindowHeight = Hauteur de fenêtre du navigateur d'image
ImageBrowserWindowWidth = largeur de fenêtre du navigateur d'image
LinkBrowser = true / false cela permet de naviguer sur le serveur lorsque le lien est inséré
LinkBrowSerurl = URL du serveur de navigation lors de l'insertion d'un lien
Linkbrowserwindowheight = lien hauteur de fenêtre du navigateur cible
Linkbrowserwindowwidth = linkerwerth browser cible du navigateur cible
Plugins = plugin de registre d'objets
PluginsPath = dossier de plugin
Showborders = true / false fusion frontières
SkinPath = Emplacement du dossier de la peau
Smileycolumns = 12 Nombre de colonnes dans la fenêtre Figure
SmileyImages = tableau de noms de fichiers d'image dans le tableau des caractères
SmilePath = trajet du dossier du graphique
Smileywindowheight Window Hauteur
SmileywindowWidth Symbole Witners Largeur
Spellchecker = Iespell / SpellerPages Configurez le moteur orthographique
StartupFocus = true / false focus de l'éditeur lorsqu'il est activé
StylesxMlPath = Définissez l'emplacement du fichier XML qui définit la liste de style CSS
TABSPACES = 4 Nombre de caractères d'espace générés par la touche Tab
ToolbarCancollapse = True / False, s'il faut permettre une barre d'outils d'extension / effondrement
ToolBarsets = objet permet d'utiliser des collections de barres d'outils
ToolbarstArtexpandue = true / false est-il vrai que la barre d'outils est étendue?
UseBronCarriAgerReturn = true / false lors de l'entrée, est-ce une marque BR ou une marque p ou div?
Si vous ne savez pas par où commencer, consultez le processus suivant pourrait vous être utile:
Trouver fckconfig.defaultLanguage = 'en';
Trouver fckconfig.tabspaces = 0; changez en fckconfig.tabspaces = 1;
Si votre éditeur est toujours utilisé dans la réception du site Web, comme lorsque vous utilisez un livre de messages ou une réponse du journal, vous devez considérer la sécurité. , qui est la barre d'outils de base,
FckConfig.toolBarsets [Basic] = [
['Bold', 'Italic', '-', 'OrderedList', 'non ordonné', '-', / * 'link', * / 'Unlink', '-', 'style', 'Fontsize', ' TextColor ',' Bgcolor ',' - ',' Smiley ',' SpecialChar ',' Remplace ',' Preview ']
]]
C'est la base que j'ai changé. , il suffit de télécharger un cheval de Troie. Mais cela ne suffit pas.
FckConfig.fontNames = 'Arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana';
Ajouter plusieurs polices que nous utilisons.
Ensuite, nous allons configurer la fonction de téléchargement. = Xx after .asp to type = yy, où yy est le nom du dossier que vous souhaitez enregistrer le fichier.
Si vous souhaitez toujours utiliser votre icône d'émoticône, passez à la ligne 131 et modifiez l'adresse du dossier de l'icône d'émoticône et le nom de fichier de l'icône d'émoticône ci-dessous. et la hauteur de la fenêtre contextuelle sont aussi larges et hautes que la taille de cette fenêtre dépend de la taille de la fenêtre disposée par vos icônes d'émoticône. Ok, la modification totale du fichier de configuration s'est terminée.
Vient ensuite le réglage de l'emplacement de l'éditeur. et il est recommandé de les définir lors de leur utilisation. Le site Web peut être appelé arbitrairement, et aucun autre nom de dossier n'a changé et d'autres ne sont aucun problème avec l'utilisation de l'éditeur.
Ouvrez le fichier fckeditor.asp et recherchez sbasepath = / fckEditor / Change to sbasepath = /
Ouvrez le fichier fckeditor.js et trouvez ceci.basepath = '/ fckEditor /';
La police d'affichage par défaut dans le domaine de l'éditeur est de 12px, tandis que la police par défaut sur ma page d'accueil est 14px, il semble donc très inconfortable de le regarder. Open /Editor/css/fck_editorarea.css et transformez-le en modifiant la 4ème ligne en Font-Size: 14px;
Ensuite, la configuration des fichiers de téléchargement.
Open /Editor/filemanager/browser/default/frmresourcetype.html, recherchez la ligne 15, insérez ['uploadfile', 'uploadfile'], et coopérez avec les paramètres de fckconfig.js tout de suite, puis mon chemin de fichier de téléchargement est / uploadfile de fckconfig.js Le cours, vous pouvez également le changer en dossier que vous souhaitez, mais le nom ici doit être cohérent avec le yy dans type = yy dans fckconfig.js.
Pas encore terminé, continuez à entrer en éditeur / fileManager / Browser / Default / Connectors / ASP, ouvrez Config.asp, Modifiez d'abord la configuration = false sur configSenabled = true. Je veux configUserFileSpath = /.
Puis ajoutez-le après définir configDeniedExtensions = createObject (scripting.dictionary)
Configallowedextensions.add uploadfile,
ConfigDeniedExtensions.add uploadfile,
De même, les paramètres ici doivent correspondre à ce qui précède et dans fckconfig.js.
Il y a un autre téléchargement, qui est un téléchargement rapide. Entrée / editor / filemanager / upload / asp, ouvrir la configuration et définir la configuration = false sur configSenabled = true. (Date ()) & /, car mon fichier de téléchargement est placé dans le dossier UploadFile et est ouvert au public par mois. Le téléchargement rapide ne vous permettra pas de sélectionner un dossier, mais sera téléchargé directement via les paramètres ici. Répétez l'opération dans la configuration précédente avant la connexion et ajoutez-la à ce qui suit
Configallowedextensions.add uploadfile,
ConfigDeniedExtensions.add uploadfile,
Ensuite, parlons de la façon de créer votre propre éditeur en ligne.
Environnement de test: XPSP2, IIS5.1, FCKEDITOR2.0
Créez un nouveau site sur IIS, je l'ai nommé directement FckEditor
Établir un site correspondant dans DW, le serveur de test est originaire et prend en charge VBScript
Dans le répertoire racine du site, créez une nouvelle page index.asp et ajoutez le code suivant dans le segment <body> (appelez l'éditeur):
<%
Dim ofckEditor
Set OFCKEDITOR = NOUVEAU FCKEDITHER
ofckEditor.basepath = / fckEditor / // Définissez le chemin de l'éditeur, un répertoire sous le répertoire racine de mon site
ofckEditor.toolBareSet = par défaut
ofckEditor.Width = 100%
ofckEditor.Height = 600 ″
ofckEditor.Value = // C'est la valeur initiale de l'éditeur
ofckEditor.Create LogBody // À l'avenir, le contenu de l'éditeur sera obtenu par ce Logbody, et la dénomination sera déterminée par vous.
%>
Si vous ajoutez ce paragraphe, n'oubliez pas d'inclure <! - # Inclure file = fckEditor / fckEditor.asp -> dans la première ligne avant index.asp.
Vous n'utilisez maintenant que cet éditeur comme contrôle et utilisez: Demande (logbody) lors de l'extraction de ses données: