Je veux avoir tous les styles appliqués à mon contenu code> CKEDITOR CODE>. Une idée principale est donc de créer l'éditeur d'écrire une page réelle.
J'ai ajouté ceci à mon et je avoir une action côté serveur qui reçoit un fichier CSS à partir de la base de données et qui me le renvoie. p> Après cela, je peux voir que mon CSS est inclus dans la tête (Inside CKeditor Iframe ) de CKeditor, mais les styles ne s'appliquent pas au contenu. P> Qu'est-ce qui peut causer ce problème? P> edit: Après avoir vu un couple de réponses) strong> em> p> Ne répondez que lorsque vous savez ce qui peut être un problème réel ... GetCSS est en réturbation de la droite CSS et de la prochaine CSS, la ligne est générée automatiquement. avec config.js code> fichier p>
config.contentscss = '/ home / getcss'; code>. Donc, le problème est quelque part dans les paramètres
config.contentsCss = '/Content/MyCssFile.css';
5 Réponses :
<link type="text/css" rel="stylesheet" href="Home/GetCss"> if the folder home lies in the root directory then this be your href link.
Ceci est autogogéné par CKeditor
J'essaie la même chose mais ça ne marche pas. Je stocke le code généré par l'éditeur CK dans MySQL 'Blob' et lorsque j'affiche que sur ma page, il montrent la même chose que dans la base de données. J'essaie d'appliquer le style CSS personnalisé, mais cela ne fonctionne pas. Une idée?
@Abdullah Avez-vous ajouté une extension CSS Yourfile.css?
Oui. Je l'ai lié
Utilisez
<link type="text/css" rel="stylesheet" href="@Url.Action("GetCss", "Home")">
Non, la deuxième ligne est générée automatiquement et charger des CSS bien ... je peux voir dans la console.
Vous pouvez créer un fichier personnalisé "ckeditor_config.js" et mettre vos styles à l'intérieur. Regardez cet article: http://docs.cksource.com/ckeditor_3.x/developers_guide/setting_configurations
Pour importer du fichier CSS Utilisez ceci: P>
<link type="text/css" rel="stylesheet" href="@Url.Content("~/Home/GetCss")" />
La ligne CSS est générée automatiquement par ckeditor
Avez-vous envisagé d'utiliser l'édition en ligne au lieu de la version classique qui utilise des iframes?
L'avantage de la version en ligne est que si, par exemple, votre CSS s'appuie fortement sur la hiérarchie des éléments, cela fonctionnera définitivement mieux sans iframes. Regardez ce code: p> et p> Le style de l'en-tête ne sera probablement pas reconnu à l'intérieur Le classique CKEditor, même si vous essayez d'utiliser des objets comme config.bonid < / a>, parce que cette façon, vous ne pouvez simuler qu'un seul identifiant: "principal" ou "conteneur" en ajoutant un tel identifiant à l'élément corporel. p> La version en ligne n'aura pas cette limite, car le contenu sera ne pas être encapsulé à l'intérieur de l'iframe. P> Une dernière chose: si la raison pour laquelle "styles ne s'applique pas au contenu" est en effet dans la hiérarchie des éléments à l'intérieur du CSS et que vous souhaitez utiliser "l'ancien" classique Version, vous pouvez simplement envisager de fournir une feuille de style dédiée et simplifiée à l'éditeur. Commencez avec le CSS le plus simple pour voir si vous êtes sur le chemin droit. P> p>
En fait, le problème était dans les cours d'en-tête dans un vrai document ... merci pour votre suggestion :)
Essayez ckeditor.document.appendstylesheet code>. J'utilise quelque chose comme ceci:
Merci. Il y a de MISTYPE 2X DOCTYPE
Vous voulez dire que vous voulez ajouter votre CSS à CKeditor?
Oui, je veux appliquer des styles de fichier CSS sur le HTML intérieur de CKEditor.
La classe CKedit Striping est-elle éteinte de div ou de span lors de la luge
de la source de vue code>?
Une suggestion: commenter votre logique pour injecter le fichier .CSS. Essayez de modifier le fichier CSS par défaut fourni avec CKEditor et voyez si les modifications sont appliquées?
Je peux reproduire votre problème avec la machine à exécuter PHP (donc je ne peux donc aider à déterminer le problème). Les styles sont appliqués uniquement lorsque l'en-tête de type de contenu droit est défini (
Type de contenu: Texte / CSS CODE>) pour la demande CSS. Vérifiez-le dans les outils de développement de votre navigateur.