Est-il un moyen de définir la police par défaut et la taille de police dans CKEditor?

J'ai été à la recherche d'une solution pour ce pour un certain temps maintenant, et les seuls bugs que j'ai trouvé affectent uniquement la manière dont le texte est affiché dans l'éditeur lui-même, et non pas comment le texte est généré sera envoyé/enregistré quelque part. Je parle de CSS fixe et des trucs comme ça.

J'utilise CKEditor pour composer et envoyer des e-mails à travers de notre application web et bien que le css fixe changer la police de caractères affichés dans l'éditeur lui-même, le reçu des e-mails sont toujours affichés dans TNR ou tout ce qui est hérité du client de messagerie. À moins, bien sûr, j'ai changer la police et la taille de l'plugin pour chaque paragraphe.

De ce que j'ai remarqué à chaque fois que vous définissez la police et la taille de l'intérieur du plugin CKEditor crée un span (bon, en fait deux, l'un avec la police et avec la taille) avec le nouveau changé de style (par exemple <span style="font: Arial"><span style="font-size: 12"></span></span>) et je me dis que je pourrais juste envelopper la totalité du résultat dans un span ou div avec mon choix de police et de taille de style, mais qui pourrait gêner les utilisateurs de modèles et de styles.

Est-il possible de définir la valeur par défaut des styles de texte (tel que vu par le destinataire des e-mails) à partir du plugin lui-même ou devrai-je venir avec un hack.

OriginalL'auteur Bogdan | 2012-10-30

  1. 8

    C'est le seul moyen que j'ai trouvé à force de ck editor pour créer une police par défaut. IE elle enveloppe le texte entré dans un (par défaut) de la police span même si aucune police n'a été sélectionné, et donc de la sortie du texte formaté. Si vous souhaitez que les modifications à l'universel, ajoutez ce qui suit config.js. Sinon, il doit être possible de l'ajouter à une seule instance. Bien que je n'ai pas essayé.

    config.font_defaultLabel = 'Arial';

    Cela rendra la liste déroulante par défaut à 'Arial'. Mais même cela ne fonctionne pas de la manière dont je l'espère. Tout d'abord, l'éditeur doit être activé (pas seulement chargé) pour la liste déroulante par défaut. Ensuite, contrairement à une sélection manuelle de la valeur n'est pas mis en surbrillance dans la liste déroulante. Il affiche juste.

    Puis ajouter ci-dessous vos options de configuration par défaut:

    CKEDITOR.on( 'instanceReady', function( ev ) {
     ev.editor.setData('<span style="font-family:Arial, Verdana, sans-serif;">&shy;</span>');
});

    Cela permettra de pré-remplir la zone de texte avec la durée dont vous avez besoin. Cependant, vous devez inclure certains personnage(s) dans la balise span à la force de ce "hack" de travail. Donc vous allez être coincé avec quelque chose dans votre sortie, vous ne voulez pas vraiment.La version originale de ce que j'ai trouvé quelque part sur le web utilisée: 

    &shy;

    Qui semble relativement inoffensif.

    J'ai regardé et regardé pour une meilleure façon (et je serais ravi si quelqu'un connaissait un). La plupart des gens tout simplement dire que la capture de la sortie et de le reformater. Ce n'était vraiment pas une option pour moi. Il peut également être possible de réaliser cela avec un plugin personnalisé. Qui n'était pas vraiment viable pour moi.

    Espère que cela aide quelqu'un à faire gagner du temps au moins.

    P. S. L'original est venu de l'appui conseil à CK editor. Voici le lien: forum

    Merci beaucoup, c'est en fait la seule solution qui a fonctionné pour moi. Essaie de configurer le contenu.le css n'a rien fait et en ajoutant d'autres options n'ai pas non plus! C'est en fait de travail, la seule façon pour moi!
    ce sujet de la taille de l'

    OriginalL'auteur Shawn Wheeler

  2. 1

    Si vous voulez changer de style de texte en dehors de l'éditeur, alors vous avez de style... en dehors de l'éditeur :). Autant que je sache, dans les courriels, les feuilles de style ne peut pas être utilisé, de sorte que la chose qui vous a laissé est un emballage avec div avoir des styles en ligne.

    Pour avoir le même résultat dans CKEditor, vous devriez modifier contents.css et de définir les mêmes styles pour body comme pour div wrapper.

    Prochaine étape serait de supprimer le format de liste déroulante de la barre d'outils, car il est basé sur le balisage. Pour les e-mails ça va être mieux d'utiliser les styles de liste déroulante, parce que vous pouvez définir des styles en ligne, les balises et les attributs qui sont appliquées à chaque style. Vérifier styles.js.

    OriginalL'auteur Reinmar

  3. 0

    Ajouter ceci dans votre config.js Fichier

     CKEDITOR.config.font_defaultLabel = 'Arial';
 CKEDITOR.config.fontSize_defaultLabel = '20';

    Alors il sera changé lors de votre CKEditor a été déclenchée.

    OriginalL'auteur Mari Selvan